function ImageAdminStylesTest::testStyle

General test to add a style, add/remove/edit effects to it, then delete it.

File

core/modules/image/tests/src/Functional/ImageAdminStylesTest.php, line 80

Class

ImageAdminStylesTest

Tests creation, deletion, and editing of image styles and effects.

Namespace

Code

public function testStyle() : void {
  $admin_path = 'admin/config/media/image-styles';
  // Setup a style to be created and effects to add to it.
  $style_name = $this->randomMachineName(10);
  $style_label = $this->randomString();
  $style_path = $admin_path . '/manage/' . $style_name;
  $effect_edits = [
    'image_resize' => [
      'width' => 100,
      'height' => 101,
    ],
    'image_scale' => [
      'width' => 110,
      'height' => 111,
      'upscale' => 1,
    ],
    'image_scale_and_crop' => [
      'width' => 120,
      'height' => 121,
    ],
    'image_crop' => [
      'width' => 130,
      'height' => 131,
      'anchor' => 'left-top',
    ],
    'image_desaturate' => [],
    'image_rotate' => [
      'degrees' => 5,
      'random' => 1,
      'bgcolor' => '#FFFF00',
    ],
  ];
  // Add style form.
  $edit = [
    'name' => $style_name,
    'label' => $style_label,
  ];
  $this->drupalGet($admin_path . '/add');
  $this->submitForm($edit, 'Create new style');
  $this->assertSession()
    ->statusMessageContains("Style {$style_label} was created.", 'status');
  // Ensure that the expected entity operations are there.
  $this->drupalGet($admin_path);
  $this->assertSession()
    ->linkByHrefExists($style_path);
  $this->assertSession()
    ->linkByHrefExists($style_path . '/flush');
  $this->assertSession()
    ->linkByHrefExists($style_path . '/delete');
  // Add effect form.
  // Add each sample effect to the style.
  foreach ($effect_edits as $effect => $edit) {
    $edit_data = [];
    foreach ($edit as $field => $value) {
      $edit_data['data[' . $field . ']'] = $value;
    }
    // Add the effect.
    $this->drupalGet($style_path);
    $this->submitForm([
      'new' => $effect,
    ], 'Add');
    if (!empty($edit)) {
      $effect_label = \Drupal::service('plugin.manager.image.effect')->createInstance($effect)
        ->label();
      $this->assertSession()
        ->pageTextContains("Add {$effect_label} effect to style {$style_label}");
      $this->submitForm($edit_data, 'Add effect');
    }
  }
  // Load the saved image style.
  $style = ImageStyle::load($style_name);
  // Ensure that third party settings were added to the config entity.
  // These are added by a hook_image_style_presave() implemented in
  // image_module_test module.
  $this->assertEquals('bar', $style->getThirdPartySetting('image_module_test', 'foo'), 'Third party settings were added to the image style.');
  // Ensure that the image style URI matches our expected path.
  $style_uri_path = $style->toUrl()
    ->toString();
  $this->assertStringContainsString($style_path, $style_uri_path, 'The image style URI is correct.');
  // Confirm that all effects on the image style have settings that match
  // what was saved.
  $uuids = [];
  foreach ($style->getEffects() as $uuid => $effect) {
    // Store the uuid for later use.
    $uuids[$effect->getPluginId()] = $uuid;
    $effect_configuration = $effect->getConfiguration();
    foreach ($effect_edits[$effect->getPluginId()] as $field => $value) {
      $this->assertEquals($effect_configuration['data'][$field], $value, "The {$field} field in the {$effect->getPluginId()} effect has the correct value of {$value}.");
    }
  }
  // Assert that every effect was saved.
  foreach (array_keys($effect_edits) as $effect_name) {
    $this->assertTrue(isset($uuids[$effect_name]), "A {$effect_name} effect was saved with ID {$uuids[$effect_name]}");
  }
  // Image style overview form (ordering and renaming).
  // Confirm the order of effects is maintained according to the order we
  // added the fields.
  $effect_edits_order = array_keys($effect_edits);
  $order_correct = TRUE;
  $index = 0;
  foreach ($style->getEffects() as $effect) {
    if ($effect_edits_order[$index] != $effect->getPluginId()) {
      $order_correct = FALSE;
    }
    $index++;
  }
  $this->assertTrue($order_correct, 'The order of the effects is correctly set by default.');
  // Test the style overview form.
  // Change the name of the style and adjust the weights of effects.
  $style_name = $this->randomMachineName(10);
  $style_label = $this->randomMachineName();
  $weight = count($effect_edits);
  $edit = [
    'name' => $style_name,
    'label' => $style_label,
  ];
  foreach ($style->getEffects() as $uuid => $effect) {
    $edit['effects[' . $uuid . '][weight]'] = $weight;
    $weight--;
  }
  // Create an image to make sure it gets flushed after saving.
  $image_path = $this->createSampleImage($style);
  $this->assertEquals(1, $this->getImageCount($style), "Image style {$style->label()} image {$image_path} successfully generated.");
  $this->drupalGet($style_path);
  $this->submitForm($edit, 'Save');
  // Note that after changing the style name, the style path is changed.
  $style_path = 'admin/config/media/image-styles/manage/' . $style_name;
  // Check that the URL was updated.
  $this->drupalGet($style_path);
  $this->assertSession()
    ->titleEquals("Edit style {$style_label} | Drupal");
  // Check that the available image effects are properly sorted.
  $option = $this->assertSession()
    ->selectExists('edit-new--2')
    ->findAll('css', 'option');
  $this->assertEquals('Ajax test', $option[1]->getText(), '"Ajax test" is the first selectable effect.');
  // Check that the image was flushed after updating the style.
  // This is especially important when renaming the style. Make sure that
  // the old image directory has been deleted.
  $this->assertEquals(0, $this->getImageCount($style), "Image style {$style->label()} was flushed after renaming the style and updating the order of effects.");
  // Load the style by the new name with the new weights.
  $style = ImageStyle::load($style_name);
  // Confirm the new style order was saved.
  $effect_edits_order = array_reverse($effect_edits_order);
  $order_correct = TRUE;
  $index = 0;
  foreach ($style->getEffects() as $effect) {
    if ($effect_edits_order[$index] != $effect->getPluginId()) {
      $order_correct = FALSE;
    }
    $index++;
  }
  $this->assertTrue($order_correct, 'The order of the effects is correctly set by default.');
  // Image effect deletion form.
  // Create an image to make sure it gets flushed after deleting an effect.
  $image_path = $this->createSampleImage($style);
  $this->assertEquals(1, $this->getImageCount($style), "Image style {$style->label()} image {$image_path} successfully generated.");
  // Delete the 'image_crop' effect from the style.
  $this->drupalGet($style_path . '/effects/' . $uuids['image_crop'] . '/delete');
  $this->submitForm([], 'Delete');
  // Confirm that the form submission was successful.
  $this->assertSession()
    ->statusCodeEquals(200);
  $image_crop_effect = $style->getEffect($uuids['image_crop']);
  $this->assertSession()
    ->statusMessageContains("The image effect {$image_crop_effect->label()} has been deleted.", 'status');
  // Confirm that there is no longer a link to the effect.
  $this->assertSession()
    ->linkByHrefNotExists($style_path . '/effects/' . $uuids['image_crop'] . '/delete');
  // Refresh the image style information and verify that the effect was
  // actually deleted.
  $entity_type_manager = $this->container
    ->get('entity_type.manager');
  $style = $entity_type_manager->getStorage('image_style')
    ->loadUnchanged($style->id());
  $this->assertFalse($style->getEffects()
    ->has($uuids['image_crop']), "Effect with ID {$uuids['image_crop']} no longer found on image style {$style->label()}");
  // Additional test on Rotate effect, for transparent background.
  $edit = [
    'data[degrees]' => 5,
    'data[random]' => 0,
    'data[bgcolor]' => '',
  ];
  $this->drupalGet($style_path);
  $this->submitForm([
    'new' => 'image_rotate',
  ], 'Add');
  $this->submitForm($edit, 'Add effect');
  $entity_type_manager = $this->container
    ->get('entity_type.manager');
  $style = $entity_type_manager->getStorage('image_style')
    ->loadUnchanged($style_name);
  $this->assertCount(6, $style->getEffects(), 'Rotate effect with transparent background was added.');
  // Style deletion form.
  // Delete the style.
  $this->drupalGet($style_path . '/delete');
  $this->submitForm([], 'Delete');
  // Confirm the style directory has been removed.
  $directory = 'public://styles/' . $style_name;
  $this->assertDirectoryDoesNotExist($directory);
  $this->assertNull(ImageStyle::load($style_name), "Image style {$style->label()} successfully deleted.");
  // Test empty text when there are no image styles.
  // Delete all image styles.
  foreach (ImageStyle::loadMultiple() as $image_style) {
    $image_style->delete();
  }
  // Confirm that the empty text is correct on the image styles page.
  $this->drupalGet($admin_path);
  $this->assertSession()
    ->pageTextContains("There are currently no styles. Add a new one.");
  $this->assertSession()
    ->linkByHrefExists(Url::fromRoute('image.style_add')->toString());
}