ImageAdminStylesTest.php 15.6 KB
Newer Older
1 2 3 4 5 6 7 8 9
<?php

/**
 * @file
 * Definition of Drupal\image\Tests\ImageAdminStylesTest.
 */

namespace Drupal\image\Tests;

10
use Drupal\image\ImageStyleInterface;
11

12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27
/**
 * Tests creation, deletion, and editing of image styles and effects.
 */
class ImageAdminStylesTest extends ImageFieldTestBase {

  public static function getInfo() {
    return array(
      'name' => 'Image styles and effects UI configuration',
      'description' => 'Tests creation, deletion, and editing of image styles and effects at the UI level.',
      'group' => 'Image',
    );
  }

  /**
   * Given an image style, generate an image.
   */
28
  function createSampleImage(ImageStyleInterface $style) {
29 30 31 32 33 34 35 36 37 38
    static $file_path;

    // First, we need to make sure we have an image in our testing
    // file directory. Copy over an image on the first run.
    if (!isset($file_path)) {
      $files = $this->drupalGetTestFiles('image');
      $file = reset($files);
      $file_path = file_unmanaged_copy($file->uri);
    }

39
    return $style->buildUrl($file_path) ? $file_path : FALSE;
40 41 42 43 44
  }

  /**
   * Count the number of images currently create for a style.
   */
45
  function getImageCount(ImageStyleInterface $style) {
46
    return count(file_scan_directory('public://styles/' . $style->id(), '/.*/'));
47 48 49 50 51 52 53 54
  }

  /**
   * Test creating an image style with a numeric name and ensuring it can be
   * applied to an image.
   */
  function testNumericStyleName() {
    $style_name = rand();
55
    $style_label = $this->randomString();
56 57
    $edit = array(
      'name' => $style_name,
58
      'label' => $style_label,
59 60
    );
    $this->drupalPost('admin/config/media/image-styles/add', $edit, t('Create new style'));
61
    $this->assertRaw(t('Style %name was created.', array('%name' => $style_label)));
62
    $options = image_style_options();
63
    $this->assertTrue(array_key_exists($style_name, $options), format_string('Array key %key exists.', array('%key' => $style_name)));
64 65 66 67 68 69 70 71
  }

  /**
   * General test to add a style, add/remove/edit effects to it, then delete it.
   */
  function testStyle() {
    // Setup a style to be created and effects to add to it.
    $style_name = strtolower($this->randomName(10));
72
    $style_label = $this->randomString();
73
    $style_path = 'admin/config/media/image-styles/manage/' . $style_name;
74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106
    $effect_edits = array(
      'image_resize' => array(
        'data[width]' => 100,
        'data[height]' => 101,
      ),
      'image_scale' => array(
        'data[width]' => 110,
        'data[height]' => 111,
        'data[upscale]' => 1,
      ),
      'image_scale_and_crop' => array(
        'data[width]' => 120,
        'data[height]' => 121,
      ),
      'image_crop' => array(
        'data[width]' => 130,
        'data[height]' => 131,
        'data[anchor]' => 'center-center',
      ),
      'image_desaturate' => array(
        // No options for desaturate.
      ),
      'image_rotate' => array(
        'data[degrees]' => 5,
        'data[random]' => 1,
        'data[bgcolor]' => '#FFFF00',
      ),
    );

    // Add style form.

    $edit = array(
      'name' => $style_name,
107
      'label' => $style_label,
108 109
    );
    $this->drupalPost('admin/config/media/image-styles/add', $edit, t('Create new style'));
110
    $this->assertRaw(t('Style %name was created.', array('%name' => $style_label)));
111 112 113 114 115 116 117 118 119 120 121 122

    // Add effect form.

    // Add each sample effect to the style.
    foreach ($effect_edits as $effect => $edit) {
      // Add the effect.
      $this->drupalPost($style_path, array('new' => $effect), t('Add'));
      if (!empty($edit)) {
        $this->drupalPost(NULL, $edit, t('Add effect'));
      }
    }

123
    // Load the saved image style.
124
    $style = entity_load('image_style', $style_name);
125 126 127 128
    // Ensure that the image style URI matches our expected path.
    $style_uri = $style->uri();
    $style_uri_path = url($style_uri['path'], $style_uri['options']);
    $this->assertTrue(strpos($style_uri_path, $style_path) !== FALSE, 'The image style URI is correct.');
129

130 131
    // Confirm that all effects on the image style have settings on the effect
    // edit form that match what was saved.
132 133 134 135 136 137 138
    $uuids = array();
    foreach ($style->getEffects() as $uuid => $effect) {
      // Store the uuid for later use.
      $uuids[$effect->getPluginId()] = $uuid;
      $this->drupalGet($style_path . '/effects/' . $uuid);
      foreach ($effect_edits[$effect->getPluginId()] as $field => $value) {
        $this->assertFieldByName($field, $value, format_string('The %field field in the %effect effect has the correct value of %value.', array('%field' => $field, '%effect' => $effect->getPluginId(), '%value' => $value)));
139 140 141
      }
    }

142 143
    // Assert that every effect was saved.
    foreach (array_keys($effect_edits) as $effect_name) {
144 145
      $this->assertTrue(isset($uuids[$effect_name]), format_string(
        'A %effect_name effect was saved with ID %uuid',
146 147
        array(
          '%effect_name' => $effect_name,
148
          '%uuid' => $uuids[$effect_name],
149 150 151
        )));
    }

152 153 154 155 156 157
    // 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;
158 159 160
    $index = 0;
    foreach ($style->getEffects()->sort() as $effect) {
      if ($effect_edits_order[$index] != $effect->getPluginId()) {
161 162
        $order_correct = FALSE;
      }
163
      $index++;
164
    }
165
    $this->assertTrue($order_correct, 'The order of the effects is correctly set by default.');
166 167 168 169

    // Test the style overview form.
    // Change the name of the style and adjust the weights of effects.
    $style_name = strtolower($this->randomName(10));
170
    $style_label = $this->randomString();
171 172 173
    $weight = count($effect_edits);
    $edit = array(
      'name' => $style_name,
174
      'label' => $style_label,
175
    );
176 177
    foreach ($style->getEffects() as $uuid => $effect) {
      $edit['effects[' . $uuid . '][weight]'] = $weight;
178 179 180 181 182
      $weight--;
    }

    // Create an image to make sure it gets flushed after saving.
    $image_path = $this->createSampleImage($style);
183
    $this->assertEqual($this->getImageCount($style), 1, format_string('Image style %style image %file successfully generated.', array('%style' => $style->label(), '%file' => $image_path)));
184 185 186 187

    $this->drupalPost($style_path, $edit, t('Update style'));

    // Note that after changing the style name, the style path is changed.
188
    $style_path = 'admin/config/media/image-styles/manage/' . $style_name;
189 190 191

    // Check that the URL was updated.
    $this->drupalGet($style_path);
192
    $this->assertResponse(200, format_string('Image style %original renamed to %new', array('%original' => $style->label(), '%new' => $style_name)));
193 194 195 196

    // 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.
197
    $this->assertEqual($this->getImageCount($style), 0, format_string('Image style %style was flushed after renaming the style and updating the order of effects.', array('%style' => $style->label())));
198 199

    // Load the style by the new name with the new weights.
200
    $style = entity_load('image_style', $style_name);
201 202 203 204

    // Confirm the new style order was saved.
    $effect_edits_order = array_reverse($effect_edits_order);
    $order_correct = TRUE;
205 206 207
    $index = 0;
    foreach ($style->getEffects()->sort() as $effect) {
      if ($effect_edits_order[$index] != $effect->getPluginId()) {
208 209
        $order_correct = FALSE;
      }
210
      $index++;
211
    }
212
    $this->assertTrue($order_correct, 'The order of the effects is correctly set by default.');
213 214 215 216 217

    // Image effect deletion form.

    // Create an image to make sure it gets flushed after deleting an effect.
    $image_path = $this->createSampleImage($style);
218
    $this->assertEqual($this->getImageCount($style), 1, format_string('Image style %style image %file successfully generated.', array('%style' => $style->label(), '%file' => $image_path)));
219

220
    // Delete the 'image_crop' effect from the style.
221
    $this->drupalPost($style_path . '/effects/' . $uuids['image_crop'] . '/delete', array(), t('Delete'));
222 223
    // Confirm that the form submission was successful.
    $this->assertResponse(200);
224 225
    $image_crop_effect = $style->getEffect($uuids['image_crop']);
    $this->assertRaw(t('The image effect %name has been deleted.', array('%name' => $image_crop_effect->label())));
226
    // Confirm that there is no longer a link to the effect.
227
    $this->assertNoLinkByHref($style_path . '/effects/' . $uuids['image_crop'] . '/delete');
228 229 230
    // Refresh the image style information and verify that the effect was
    // actually deleted.
    $style = entity_load_unchanged('image_style', $style->id());
231 232
    $this->assertFalse($style->getEffects()->has($uuids['image_crop']), format_string(
      'Effect with ID %uuid no longer found on image style %style',
233
      array(
234
        '%uuid' => $uuids['image_crop'],
235 236
        '%style' => $style->label,
      )));
237 238 239 240

    // Style deletion form.

    // Delete the style.
241
    $this->drupalPost($style_path . '/delete', array(), t('Delete'));
242 243 244

    // Confirm the style directory has been removed.
    $directory = file_default_scheme() . '://styles/' . $style_name;
245
    $this->assertFalse(is_dir($directory), format_string('Image style %style directory removed on style deletion.', array('%style' => $style->label())));
246

247
    $this->assertFalse(entity_load('image_style', $style_name), format_string('Image style %style successfully deleted.', array('%style' => $style->label())));
248 249 250 251 252 253 254 255 256

  }

  /**
   * Test deleting a style and choosing a replacement style.
   */
  function testStyleReplacement() {
    // Create a new style.
    $style_name = strtolower($this->randomName(10));
257
    $style_label = $this->randomString();
258 259
    $style = entity_create('image_style', array('name' => $style_name, 'label' => $style_label));
    $style->save();
260
    $style_path = 'admin/config/media/image-styles/manage/';
261 262 263 264

    // Create an image field that uses the new style.
    $field_name = strtolower($this->randomName(10));
    $this->createImageField($field_name, 'article');
265 266 267 268 269 270
    entity_get_display('node', 'article', 'default')
      ->setComponent($field_name, array(
        'type' => 'image',
        'settings' => array('image_style' => $style_name),
      ))
      ->save();
271 272 273 274 275 276

    // Create a new node with an image attached.
    $test_image = current($this->drupalGetTestFiles('image'));
    $nid = $this->uploadNodeImage($test_image, $field_name, 'article');
    $node = node_load($nid);

277 278 279 280
    // Get node field original image URI.
    $fid = $node->get($field_name)->target_id;
    $original_uri = file_load($fid)->getFileUri();

281 282
    // Test that image is displayed using newly created style.
    $this->drupalGet('node/' . $nid);
283
    $this->assertRaw($style->buildUrl($original_uri), format_string('Image displayed using style @style.', array('@style' => $style_name)));
284 285 286

    // Rename the style and make sure the image field is updated.
    $new_style_name = strtolower($this->randomName(10));
287
    $new_style_label = $this->randomString();
288 289
    $edit = array(
      'name' => $new_style_name,
290
      'label' => $new_style_label,
291
    );
292
    $this->drupalPost($style_path . $style_name, $edit, t('Update style'));
293
    $this->assertText(t('Changes to the style have been saved.'), format_string('Style %name was renamed to %new_name.', array('%name' => $style_name, '%new_name' => $new_style_name)));
294
    $this->drupalGet('node/' . $nid);
295 296 297 298

    // Reload the image style using the new name.
    $style = entity_load('image_style', $new_style_name);
    $this->assertRaw($style->buildUrl($original_uri), 'Image displayed using style replacement style.');
299 300 301 302 303

    // Delete the style and choose a replacement style.
    $edit = array(
      'replacement' => 'thumbnail',
    );
304
    $this->drupalPost($style_path . $new_style_name . '/delete', $edit, t('Delete'));
305 306
    $message = t('Style %name was deleted.', array('%name' => $new_style_label));
    $this->assertRaw($message);
307

308
    $replacement_style = entity_load('image_style', 'thumbnail');
309
    $this->drupalGet('node/' . $nid);
310
    $this->assertRaw($replacement_style->buildUrl($original_uri), 'Image displayed using style replacement style.');
311
  }
312 313 314 315 316 317 318

  /**
   * Verifies that editing an image effect does not cause it to be duplicated.
   */
  function testEditEffect() {
    // Add a scale effect.
    $this->drupalGet('admin/config/media/image-styles/add');
319
    $this->drupalPost(NULL, array('label' => 'Test style effect edit', 'name' => 'test_style_effect_edit'), t('Create new style'));
320 321 322 323 324 325 326 327 328 329 330 331 332 333
    $this->drupalPost(NULL, array('new' => 'image_scale_and_crop'), t('Add'));
    $this->drupalPost(NULL, array('data[width]' => '300', 'data[height]' => '200'), t('Add effect'));
    $this->assertText(t('Scale and crop 300x200'));

    // There should normally be only one edit link on this page initially.
    $this->clickLink(t('edit'));
    $this->drupalPost(NULL, array('data[width]' => '360', 'data[height]' => '240'), t('Update effect'));
    $this->assertText(t('Scale and crop 360x240'));

    // Check that the previous effect is replaced.
    $this->assertNoText(t('Scale and crop 300x200'));

    // Add another scale effect.
    $this->drupalGet('admin/config/media/image-styles/add');
334
    $this->drupalPost(NULL, array('label' => 'Test style scale edit scale', 'name' => 'test_style_scale_edit_scale'), t('Create new style'));
335 336 337 338 339 340 341 342 343 344 345 346 347 348
    $this->drupalPost(NULL, array('new' => 'image_scale'), t('Add'));
    $this->drupalPost(NULL, array('data[width]' => '12', 'data[height]' => '19'), t('Add effect'));

    // Edit the scale effect that was just added.
    $this->clickLink(t('edit'));
    $this->drupalPost(NULL, array('data[width]' => '24', 'data[height]' => '19'), t('Update effect'));
    $this->drupalPost(NULL, array('new' => 'image_scale'), t('Add'));

    // Add another scale effect and make sure both exist.
    $this->drupalPost(NULL, array('data[width]' => '12', 'data[height]' => '19'), t('Add effect'));
    $this->assertText(t('Scale 24x19'));
    $this->assertText(t('Scale 12x19'));
  }

349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373
  /**
   * Tests image style configuration import that does a delete.
   */
  function testConfigImport() {
    // Create a new style.
    $style_name = strtolower($this->randomName(10));
    $style_label = $this->randomString();
    $style = entity_create('image_style', array('name' => $style_name, 'label' => $style_label));
    $style->save();

    // Create an image field that uses the new style.
    $field_name = strtolower($this->randomName(10));
    $this->createImageField($field_name, 'article');
    entity_get_display('node', 'article', 'default')
      ->setComponent($field_name, array(
        'type' => 'image',
        'settings' => array('image_style' => $style_name),
      ))
      ->save();

    // Create a new node with an image attached.
    $test_image = current($this->drupalGetTestFiles('image'));
    $nid = $this->uploadNodeImage($test_image, $field_name, 'article');
    $node = node_load($nid);

374 375 376 377
    // Get node field original image URI.
    $fid = $node->get($field_name)->target_id;
    $original_uri = file_load($fid)->getFileUri();

378 379
    // Test that image is displayed using newly created style.
    $this->drupalGet('node/' . $nid);
380
    $this->assertRaw($style->buildUrl($original_uri), format_string('Image displayed using style @style.', array('@style' => $style_name)));
381

382
    // Copy config to staging, and delete the image style.
383
    $staging = $this->container->get('config.storage.staging');
384 385 386
    $active = $this->container->get('config.storage');
    $this->copyConfig($active, $staging);
    $staging->delete('image.style.' . $style_name);
387
    $this->configImporter()->import();
388 389 390 391

    $this->assertFalse(entity_load('image_style', $style_name), 'Style deleted after config import.');
    $this->assertEqual($this->getImageCount($style), 0, 'Image style was flushed after being deleted by config import.');
  }
392

393
}