@ -4,14 +4,12 @@ namespace Drupal\Tests\twig_tweak\Kernel;
use Drupal\Core\Cache\Cache;
use Drupal\Core\DependencyInjection\ContainerBuilder;
use Drupal\Core\File\FileSystemInterface;
use Drupal\file\Entity\File;
use Drupal\file\FileInterface;
use Drupal\image\Entity\ImageStyle;
use Drupal\responsive_image\Entity\ResponsiveImageStyle;
/**
* A test class for testing the image view builder .
* A test for ImageViewBuilderTest .
*
* @group twig_tweak
*/
@ -31,93 +29,15 @@ final class ImageViewBuilderTest extends AbstractTestCase {
'breakpoint',
];
/**
* The public image URI.
*
* @var string
*/
protected string $publicImageUri;
/**
* The private image URI.
*
* @var string
*/
protected string $privateImageUri;
/**
* The public image file.
*
* @var \Drupal\file\FileInterface
*/
protected $publicImage;
/**
* The private image file.
*
* @var \Drupal\file\FileInterface
*/
protected $privateImage;
/**
* {@inheritdoc}
*/
public function setUp(): void {
parent::setUp();
$this->installEntitySchema('file');
$this->installSchema('file', 'file_usage');
$file_system = $this->container->get('file_system');
$file_system->prepareDirectory($this->siteDirectory, FileSystemInterface::CREATE_DIRECTORY | FileSystemInterface::MODIFY_PERMISSIONS);
$private_directory = $this->siteDirectory . '/private';
$file_system->prepareDirectory($private_directory, FileSystemInterface::CREATE_DIRECTORY);
$this->setSetting('file_private_path', $private_directory);
$image_style = ImageStyle::create([
'name' => 'small',
'label' => 'Small',
]);
// Add a crop effect:
$image_style->addImageEffect([
'id' => 'image_resize',
'data' => [
'width' => 10,
'height' => 10,
],
'weight' => 0,
]);
$image_style->save();
$responsive_image_style = ResponsiveImageStyle::create([
'id' => 'wide',
'label' => 'Wide',
'breakpoint_group' => 'twig_tweak_image_view_builder',
'fallback_image_style' => 'small',
]);
$responsive_image_style->save();
// Create a copy of a test image file in root. Original sizes: 40x20px.
$this->publicImageUri = 'public://image-test-do.jpg';
$file_system->copy('core/tests/fixtures/files/image-test.jpg', $this->publicImageUri, FileSystemInterface::EXISTS_REPLACE);
$this->assertFileExists($this->publicImageUri);
$this->publicImage = File::create([
'uri' => $this->publicImageUri,
'status' => FileInterface::STATUS_PERMANENT,
]);
$this->publicImage->save();
// Create a copy of a test image file in root. Original sizes: 40x20px.
$this->privateImageUri = 'private://image-test-do.png';
$file_system->copy('core/tests/fixtures/files/image-test.png', $this->privateImageUri, FileSystemInterface::EXISTS_REPLACE);
$this->assertFileExists($this->privateImageUri);
$this->privateImage = File::create([
'uri' => $this->privateImageUri,
'status' => FileInterface::STATUS_PERMANENT,
]);
$this->privateImage->save();
ImageStyle::create(['name' => 'large'])->save();
ResponsiveImageStyle::create(['id' => 'wide'])->save();
}
/**
@ -133,20 +53,21 @@ final class ImageViewBuilderTest extends AbstractTestCase {
* Test callback.
*/
public function testImageViewBuilder(): void {
$view_builder = $this->container->get('twig_tweak.image_view_builder');
$uri = $this->publicImage->getFileUri();
$image = \Drupal::service('image.factory')->get($uri );
$imageOriginalWidth = $image->getWidth ();
$imageOriginalHeight = $image->getHeight();
self::assertTrue($image->isValid());
self::assertEquals(40, $imageOriginalWidth );
self::assertEquals(20, $imageOriginalHeight );
/** @var \Drupal\file\FileInterface $public_image */
$public_image = File::create(['uri' => 'public://ocean.jpg'] );
$public_image->save ();
/** @var \Drupal\file\FileInterface $private_image */
$private_image = File::create(['uri' => 'private://sea.jpg'] );
$private_image->save( );
// -- Without style.
$build = $view_builder->build($this->publicI mage);
$build = $view_builder->build($public_i mage);
$expected_build = [
'#uri' => $this->publicImageUri ,
'#uri' => 'public://ocean.jpg' ,
'#attributes' => [],
'#theme' => 'image',
'#cache' => [
@ -154,47 +75,37 @@ final class ImageViewBuilderTest extends AbstractTestCase {
'user',
'user.permissions',
],
'tags' => [
'file:1',
'tag_for_' . $this->publicImageUri,
],
'tags' => ['tag_for_public://ocean.jpg'],
'max-age' => 70,
],
];
self::assertRenderArray($expected_build, $build);
self::assertSame('< img src = "/files/image-test-d o.jpg" alt = "" / > ', $this->renderPlain($build));
self::assertSame('< img src = "/files/ocean .jpg" alt = "" / > ', $this->renderPlain($build));
// -- With style.
$build = $view_builder->build($this->publicImage, 'small', ['alt' => 'Image Test Do ']);
$build = $view_builder->build($public_image, 'large', ['alt' => 'Ocean ']);
$expected_build = [
'#uri' => $this->publicImageUri,
'#attributes' => ['alt' => 'Image Test Do'],
'#width' => $imageOriginalWidth,
'#height' => $imageOriginalHeight,
'#uri' => 'public://ocean.jpg',
'#attributes' => ['alt' => 'Ocean'],
'#theme' => 'image_style',
'#style_name' => 'smal l',
'#style_name' => 'large',
'#cache' => [
'contexts' => [
'user',
'user.permissions',
],
'tags' => [
'file:1',
'tag_for_' . $this->publicImageUri,
],
'tags' => ['tag_for_public://ocean.jpg'],
'max-age' => 70,
],
];
self::assertRenderArray($expected_build, $build);
self::assertSame('< img alt = "Image Test Do" src = "/files/styles/small/public/image-test-do.jpg?itok=abc" width = "10" height = "10" loading = "lazy " / > ', $this->renderPlain($build));
self::assertSame('< img alt = "Ocean" src = "/files/styles/large/public/ocean.jpg?itok=abc " / > ', $this->renderPlain($build));
// -- With responsive style.
$build = $view_builder->build($this->publicImage, 'wide', ['alt' => 'Image Test Do '], TRUE);
$build = $view_builder->build($public_image, 'wide', ['alt' => 'Ocean '], TRUE);
$expected_build = [
'#uri' => $this->publicImageUri,
'#attributes' => ['alt' => 'Image Test Do'],
'#width' => $imageOriginalWidth,
'#height' => $imageOriginalHeight,
'#uri' => 'public://ocean.jpg',
'#attributes' => ['alt' => 'Ocean'],
'#type' => 'responsive_image',
'#responsive_image_style_id' => 'wide',
'#cache' => [
@ -202,25 +113,19 @@ final class ImageViewBuilderTest extends AbstractTestCase {
'user',
'user.permissions',
],
'tags' => [
'file:1',
'tag_for_' . $this->publicImageUri,
],
'tags' => ['tag_for_public://ocean.jpg'],
'max-age' => 70,
],
];
self::assertRenderArray($expected_build, $build);
self::assertSame('< picture > < img src = "/files/styles/small/public/image-test-do.jpg?itok=abc" width = "10" height = "10" alt = "Image Test Do" loading = "lazy " / > < / picture > ', $this->renderPlain($build));
self::assertSame('< picture > < img src = "/files/ocean.jpg" alt = "Ocean " / > < / picture > ', $this->renderPlain($build));
// -- Private image with access check.
$build = $view_builder->build($this->privateI mage);
$build = $view_builder->build($private_i mage);
$expected_build = [
'#cache' => [
'contexts' => ['user'],
'tags' => [
'file:2',
'tag_for_' . $this->privateImageUri,
],
'tags' => ['tag_for_private://sea.jpg'],
'max-age' => 70,
],
];
@ -228,19 +133,19 @@ final class ImageViewBuilderTest extends AbstractTestCase {
self::assertSame('', $this->renderPlain($build));
// -- Private image without access check.
$build = $view_builder->build($this->privateI mage, NULL, [], FALSE, FALSE);
$build = $view_builder->build($private_i mage, NULL, [], FALSE, FALSE);
$expected_build = [
'#uri' => $this->privateImageUri ,
'#uri' => 'private://sea.jpg' ,
'#attributes' => [],
'#theme' => 'image',
'#cache' => [
'contexts' => [],
'tags' => ['file:2' ],
'tags' => [],
'max-age' => Cache::PERMANENT,
],
];
self::assertRenderArray($expected_build, $build);
self::assertSame('< img src = "/files/image-test-do.pn g" alt = "" / > ', $this->renderPlain($build));
self::assertSame('< img src = "/files/sea.jp g" alt = "" / > ', $this->renderPlain($build));
}
/**
@ -249,7 +154,7 @@ final class ImageViewBuilderTest extends AbstractTestCase {
private function renderPlain(array $build): string {
$html = $this->container->get('renderer')->renderPlain($build);
$html = preg_replace('#src=".+/files/#s', 'src="/files/', $html);
$html = preg_replace('#\?itok=.+? "#', '?itok=abc"', $html);
$html = preg_replace('#\?itok=.+"#', '?itok=abc"', $html);
$html = preg_replace(['#\s{2,}#', '#\n#'], '', $html);
return rtrim($html);
}
gpotter
