ImageLoadingAttributeTest.php in Drupal 10

Namespace

Drupal\Tests\system\Functional\Theme

File

core/modules/system/tests/src/Functional/Theme/ImageLoadingAttributeTest.php

<?php

namespace Drupal\Tests\system\Functional\Theme;

use Drupal\Tests\BrowserTestBase;

/**
 * Tests lazy loading for images.
 *
 * @group Theme
 */
class ImageLoadingAttributeTest extends BrowserTestBase {

  /**
   * Modules to enable.
   *
   * @var array
   */
  protected static $modules = [
    'image_lazy_load_test',
  ];

  /**
   * {@inheritdoc}
   */
  protected $defaultTheme = 'stark';

  /**
   * Tests that loading attribute is enabled for images.
   */
  public function testImageLoadingAttribute() {
    $assert = $this
      ->assertSession();

    // Get page under test.
    $this
      ->drupalGet('image-lazy-load-test');

    // Loading attribute is added when image dimensions has been set.
    $assert
      ->elementAttributeExists('css', '#with-dimensions img', 'loading');
    $assert
      ->elementAttributeContains('css', '#with-dimensions img', 'loading', 'lazy');

    // Loading attribute with lazy default value can be overridden.
    $assert
      ->elementAttributeContains('css', '#override-loading-attribute img', 'loading', 'eager');

    // Without image dimensions loading attribute is not generated.
    $element = $assert
      ->elementExists('css', '#without-dimensions img');
    $this
      ->assertFalse($element
      ->hasAttribute('loading'));
  }

}

Classes

Name	Description
ImageLoadingAttributeTest	Tests lazy loading for images.