public function ImageDimensionsTest::testImageDimensions in Drupal 9

Same name and namespace in other branches

1. 8 core/modules/image/tests/src/Functional/ImageDimensionsTest.php \Drupal\Tests\image\Functional\ImageDimensionsTest::testImageDimensions()

Tests styled image dimensions cumulatively.

File

core/modules/image/tests/src/Functional/ImageDimensionsTest.php, line 39

Class

ImageDimensionsTest

Tests that images have correct dimensions when styled.

Namespace

Drupal\Tests\image\Functional

Code

public function testImageDimensions() {
  $image_factory = $this->container
    ->get('image.factory');

  // Create a working copy of the file.
  $files = $this
    ->drupalGetTestFiles('image');
  $file = reset($files);

  /** @var \Drupal\Core\File\FileSystemInterface $file_system */
  $file_system = \Drupal::service('file_system');
  $original_uri = $file_system
    ->copy($file->uri, 'public://', FileSystemInterface::EXISTS_RENAME);

  // Create a style.

  /** @var \Drupal\image\ImageStyleInterface $style */
  $style = ImageStyle::create([
    'name' => 'test',
    'label' => 'Test',
  ]);
  $style
    ->save();
  $generated_uri = 'public://styles/test/public/' . $file_system
    ->basename($original_uri);

  /** @var \Drupal\Core\File\FileUrlGeneratorInterface $file_url_generator */
  $file_url_generator = \Drupal::service('file_url_generator');
  $url = $file_url_generator
    ->transformRelative($style
    ->buildUrl($original_uri));
  $variables = [
    '#theme' => 'image_style',
    '#style_name' => 'test',
    '#uri' => $original_uri,
    '#width' => 40,
    '#height' => 20,
  ];

  // Verify that the original image matches the hard-coded values.
  $image_file = $image_factory
    ->get($original_uri);
  $this
    ->assertEquals($variables['#width'], $image_file
    ->getWidth());
  $this
    ->assertEquals($variables['#height'], $image_file
    ->getHeight());

  // Scale an image that is wider than it is high.
  $effect = [
    'id' => 'image_scale',
    'data' => [
      'width' => 120,
      'height' => 90,
      'upscale' => TRUE,
    ],
    'weight' => 0,
  ];
  $style
    ->addImageEffect($effect);
  $style
    ->save();
  $this
    ->assertEquals('<img src="' . $url . '" width="120" height="60" alt="" loading="lazy" class="image-style-test" />', $this
    ->getImageTag($variables));
  $this
    ->assertFileDoesNotExist($generated_uri);
  $this
    ->drupalGet($this
    ->getAbsoluteUrl($url));
  $this
    ->assertSession()
    ->statusCodeEquals(200);
  $this
    ->assertFileExists($generated_uri);
  $image_file = $image_factory
    ->get($generated_uri);
  $this
    ->assertEquals(120, $image_file
    ->getWidth());
  $this
    ->assertEquals(60, $image_file
    ->getHeight());

  // Rotate 90 degrees anticlockwise.
  $effect = [
    'id' => 'image_rotate',
    'data' => [
      'degrees' => -90,
      'random' => FALSE,
    ],
    'weight' => 1,
  ];
  $style
    ->addImageEffect($effect);
  $style
    ->save();
  $this
    ->assertEquals('<img src="' . $url . '" width="60" height="120" alt="" loading="lazy" class="image-style-test" />', $this
    ->getImageTag($variables));
  $this
    ->assertFileDoesNotExist($generated_uri);
  $this
    ->drupalGet($this
    ->getAbsoluteUrl($url));
  $this
    ->assertSession()
    ->statusCodeEquals(200);
  $this
    ->assertFileExists($generated_uri);
  $image_file = $image_factory
    ->get($generated_uri);
  $this
    ->assertEquals(60, $image_file
    ->getWidth());
  $this
    ->assertEquals(120, $image_file
    ->getHeight());

  // Scale an image that is higher than it is wide (rotated by previous effect).
  $effect = [
    'id' => 'image_scale',
    'data' => [
      'width' => 120,
      'height' => 90,
      'upscale' => TRUE,
    ],
    'weight' => 2,
  ];
  $style
    ->addImageEffect($effect);
  $style
    ->save();
  $this
    ->assertEquals('<img src="' . $url . '" width="45" height="90" alt="" loading="lazy" class="image-style-test" />', $this
    ->getImageTag($variables));
  $this
    ->assertFileDoesNotExist($generated_uri);
  $this
    ->drupalGet($this
    ->getAbsoluteUrl($url));
  $this
    ->assertSession()
    ->statusCodeEquals(200);
  $this
    ->assertFileExists($generated_uri);
  $image_file = $image_factory
    ->get($generated_uri);
  $this
    ->assertEquals(45, $image_file
    ->getWidth());
  $this
    ->assertEquals(90, $image_file
    ->getHeight());

  // Test upscale disabled.
  $effect = [
    'id' => 'image_scale',
    'data' => [
      'width' => 400,
      'height' => 200,
      'upscale' => FALSE,
    ],
    'weight' => 3,
  ];
  $style
    ->addImageEffect($effect);
  $style
    ->save();
  $this
    ->assertEquals('<img src="' . $url . '" width="45" height="90" alt="" loading="lazy" class="image-style-test" />', $this
    ->getImageTag($variables));
  $this
    ->assertFileDoesNotExist($generated_uri);
  $this
    ->drupalGet($this
    ->getAbsoluteUrl($url));
  $this
    ->assertSession()
    ->statusCodeEquals(200);
  $this
    ->assertFileExists($generated_uri);
  $image_file = $image_factory
    ->get($generated_uri);
  $this
    ->assertEquals(45, $image_file
    ->getWidth());
  $this
    ->assertEquals(90, $image_file
    ->getHeight());

  // Add a desaturate effect.
  $effect = [
    'id' => 'image_desaturate',
    'data' => [],
    'weight' => 4,
  ];
  $style
    ->addImageEffect($effect);
  $style
    ->save();
  $this
    ->assertEquals('<img src="' . $url . '" width="45" height="90" alt="" loading="lazy" class="image-style-test" />', $this
    ->getImageTag($variables));
  $this
    ->assertFileDoesNotExist($generated_uri);
  $this
    ->drupalGet($this
    ->getAbsoluteUrl($url));
  $this
    ->assertSession()
    ->statusCodeEquals(200);
  $this
    ->assertFileExists($generated_uri);
  $image_file = $image_factory
    ->get($generated_uri);
  $this
    ->assertEquals(45, $image_file
    ->getWidth());
  $this
    ->assertEquals(90, $image_file
    ->getHeight());

  // Add a random rotate effect.
  $effect = [
    'id' => 'image_rotate',
    'data' => [
      'degrees' => 180,
      'random' => TRUE,
    ],
    'weight' => 5,
  ];
  $style
    ->addImageEffect($effect);
  $style
    ->save();
  $this
    ->assertEquals('<img src="' . $url . '" alt="" class="image-style-test" />', $this
    ->getImageTag($variables));
  $this
    ->assertFileDoesNotExist($generated_uri);
  $this
    ->drupalGet($this
    ->getAbsoluteUrl($url));
  $this
    ->assertSession()
    ->statusCodeEquals(200);
  $this
    ->assertFileExists($generated_uri);

  // Add a crop effect.
  $effect = [
    'id' => 'image_crop',
    'data' => [
      'width' => 30,
      'height' => 30,
      'anchor' => 'center-center',
    ],
    'weight' => 6,
  ];
  $style
    ->addImageEffect($effect);
  $style
    ->save();
  $this
    ->assertEquals('<img src="' . $url . '" width="30" height="30" alt="" loading="lazy" class="image-style-test" />', $this
    ->getImageTag($variables));
  $this
    ->assertFileDoesNotExist($generated_uri);
  $this
    ->drupalGet($this
    ->getAbsoluteUrl($url));
  $this
    ->assertSession()
    ->statusCodeEquals(200);
  $this
    ->assertFileExists($generated_uri);
  $image_file = $image_factory
    ->get($generated_uri);
  $this
    ->assertEquals(30, $image_file
    ->getWidth());
  $this
    ->assertEquals(30, $image_file
    ->getHeight());

  // Rotate to a non-multiple of 90 degrees.
  $effect = [
    'id' => 'image_rotate',
    'data' => [
      'degrees' => 57,
      'random' => FALSE,
    ],
    'weight' => 7,
  ];
  $effect_id = $style
    ->addImageEffect($effect);
  $style
    ->save();

  // @todo Uncomment this once
  //   https://www.drupal.org/project/drupal/issues/2670966 is resolved.
  // $this->assertEquals('<img src="' . $url . '" width="41" height="41" alt="" class="image-style-test" />', $this->getImageTag($variables));
  $this
    ->assertFileDoesNotExist($generated_uri);
  $this
    ->drupalGet($this
    ->getAbsoluteUrl($url));
  $this
    ->assertSession()
    ->statusCodeEquals(200);
  $this
    ->assertFileExists($generated_uri);
  $image_file = $image_factory
    ->get($generated_uri);

  // @todo Uncomment this once
  //   https://www.drupal.org/project/drupal/issues/2670966 is resolved.
  // $this->assertEquals(41, $image_file->getWidth());
  // $this->assertEquals(41, $image_file->getHeight());
  $effect_plugin = $style
    ->getEffect($effect_id);
  $style
    ->deleteImageEffect($effect_plugin);

  // Ensure that an effect can unset dimensions.
  $effect = [
    'id' => 'image_module_test_null',
    'data' => [],
    'weight' => 8,
  ];
  $style
    ->addImageEffect($effect);
  $style
    ->save();
  $this
    ->assertEquals('<img src="' . $url . '" alt="" class="image-style-test" />', $this
    ->getImageTag($variables));

  // Test URI dependent image effect.
  $style = ImageStyle::create([
    'name' => 'test_uri',
    'label' => 'Test URI',
  ]);
  $effect = [
    'id' => 'image_module_test_uri_dependent',
    'data' => [],
    'weight' => 0,
  ];
  $style
    ->addImageEffect($effect);
  $style
    ->save();
  $variables = [
    '#theme' => 'image_style',
    '#style_name' => 'test_uri',
    '#uri' => $original_uri,
    '#width' => 40,
    '#height' => 20,
  ];

  // PNG original image. Should be resized to 100x100.
  $generated_uri = 'public://styles/test_uri/public/' . $file_system
    ->basename($original_uri);
  $url = \Drupal::service('file_url_generator')
    ->transformRelative($style
    ->buildUrl($original_uri));
  $this
    ->assertEquals('<img src="' . $url . '" width="100" height="100" alt="" loading="lazy" class="image-style-test-uri" />', $this
    ->getImageTag($variables));
  $this
    ->assertFileDoesNotExist($generated_uri);
  $this
    ->drupalGet($this
    ->getAbsoluteUrl($url));
  $this
    ->assertSession()
    ->statusCodeEquals(200);
  $this
    ->assertFileExists($generated_uri);
  $image_file = $image_factory
    ->get($generated_uri);
  $this
    ->assertEquals(100, $image_file
    ->getWidth());
  $this
    ->assertEquals(100, $image_file
    ->getHeight());

  // GIF original image. Should be resized to 50x50.
  $file = $files[1];
  $original_uri = $file_system
    ->copy($file->uri, 'public://', FileSystemInterface::EXISTS_RENAME);
  $generated_uri = 'public://styles/test_uri/public/' . $file_system
    ->basename($original_uri);
  $url = $file_url_generator
    ->transformRelative($style
    ->buildUrl($original_uri));
  $variables['#uri'] = $original_uri;
  $this
    ->assertEquals('<img src="' . $url . '" width="50" height="50" alt="" loading="lazy" class="image-style-test-uri" />', $this
    ->getImageTag($variables));
  $this
    ->assertFileDoesNotExist($generated_uri);
  $this
    ->drupalGet($this
    ->getAbsoluteUrl($url));
  $this
    ->assertSession()
    ->statusCodeEquals(200);
  $this
    ->assertFileExists($generated_uri);
  $image_file = $image_factory
    ->get($generated_uri);
  $this
    ->assertEquals(50, $image_file
    ->getWidth());
  $this
    ->assertEquals(50, $image_file
    ->getHeight());
}