WebformImageSelectElementTest.php in Webform 8.5

Namespace

Drupal\Tests\webform_image_select\Functional

File

modules/webform_image_select/tests/src/Functional/WebformImageSelectElementTest.php

<?php

namespace Drupal\Tests\webform_image_select\Functional;

use Drupal\webform\Entity\Webform;
use Drupal\Tests\webform\Functional\Element\WebformElementBrowserTestBase;

/**
 * Tests for webform image select element.
 *
 * @group webform_image_select
 */
class WebformImageSelectElementTest extends WebformElementBrowserTestBase {

  /**
   * Modules to enable.
   *
   * @var array
   */
  public static $modules = [
    'webform',
    'webform_image_select',
    'webform_image_select_test',
  ];

  /**
   * Test webform image select element.
   */
  public function testImageSelect() {
    $this
      ->drupalGet('/webform/test_element_image_select');

    // Check rendering of image select with required.
    $this
      ->assertRaw('<select data-drupal-selector="edit-image-select-default" data-images="{&quot;kitten_1&quot;:{&quot;text&quot;:&quot;Cute Kitten 1&quot;,&quot;src&quot;:&quot;http:\\/\\/placekitten.com\\/220\\/200&quot;},&quot;kitten_2&quot;:{&quot;text&quot;:&quot;Cute Kitten 2&quot;,&quot;src&quot;:&quot;http:\\/\\/placekitten.com\\/180\\/200&quot;},&quot;kitten_3&quot;:{&quot;text&quot;:&quot;Cute Kitten 3&quot;,&quot;src&quot;:&quot;http:\\/\\/placekitten.com\\/130\\/200&quot;},&quot;kitten_4&quot;:{&quot;text&quot;:&quot;Cute Kitten 4&quot;,&quot;src&quot;:&quot;http:\\/\\/placekitten.com\\/270\\/200&quot;}}" class="webform-image-select js-webform-image-select form-select required" id="edit-image-select-default" name="image_select_default" required="required" aria-required="true">');

    // Check rendering of image select with limit.
    $this
      ->assertRaw('<select data-limit="2" data-drupal-selector="edit-image-select-limit" data-images="{&quot;kitten_1&quot;:{&quot;text&quot;:&quot;Cute Kitten 1&quot;,&quot;src&quot;:&quot;http:\\/\\/placekitten.com\\/220\\/200&quot;},&quot;kitten_2&quot;:{&quot;text&quot;:&quot;Cute Kitten 2&quot;,&quot;src&quot;:&quot;http:\\/\\/placekitten.com\\/180\\/200&quot;},&quot;kitten_3&quot;:{&quot;text&quot;:&quot;Cute Kitten 3&quot;,&quot;src&quot;:&quot;http:\\/\\/placekitten.com\\/130\\/200&quot;},&quot;kitten_4&quot;:{&quot;text&quot;:&quot;Cute Kitten 4&quot;,&quot;src&quot;:&quot;http:\\/\\/placekitten.com\\/270\\/200&quot;}}" class="webform-image-select js-webform-image-select form-select" multiple="multiple" name="image_select_limit[]" id="edit-image-select-limit">');

    // Check rendering of image select with HTML markup and XSS test.
    $this
      ->assertRaw('<select data-drupal-selector="edit-image-select-html" data-show-label="data-show-label" data-images="{&quot;\\u003C1\\u003E&quot;:{&quot;text&quot;:&quot;Cute \\u003Cb style=\\u0022color:red\\u0022\\u003EKitten\\u003C\\/b\\u003E 1&quot;,&quot;src&quot;:&quot;http:\\/\\/placekitten.com\\/220\\/200&quot;},&quot;\\u00222\\u0022&quot;:{&quot;text&quot;:&quot;Cute \\u003Cem style=\\u0022color:blue\\u0022\\u003EKitten\\u003C\\/em\\u003E 2&quot;,&quot;src&quot;:&quot;http:\\/\\/placekitten.com\\/180\\/200&quot;},&quot;\\u00263&quot;:{&quot;text&quot;:&quot;Cute \\u003Cu style=\\u0022color:green\\u0022\\u003EKitten\\u003C\\/u\\u003E 3&quot;,&quot;src&quot;:&quot;http:\\/\\/placekitten.com\\/130\\/200&quot;},&quot;4&quot;:{&quot;text&quot;:&quot;Cute Kitten 4 alert(\\u0022XSS\\u0022);&quot;,&quot;src&quot;:&quot;http:\\/\\/placekitten.com\\/270\\/200&quot;}}" class="webform-image-select js-webform-image-select form-select" id="edit-image-select-html" name="image_select_html"><option value="" selected="selected">- None -</option><option value="&lt;1&gt;">Cute Kitten 1</option><option value="&quot;2&quot;">Cute Kitten 2</option><option value="&amp;3">Cute Kitten 3</option><option value="4">Cute Kitten 4 alert(&quot;XSS&quot;);</option></select>');

    // Check rendering with filter.
    $this
      ->assertRaw('<input class="webform-form-filter-text form-search" data-focus="false" data-item-singlular="animal" data-item-plural="animals" data-summary=".js-image-select-filter-custom-filter .webform-image-select-summary" data-no-results=".js-image-select-filter-custom-filter .webform-image-select-no-results" data-element=".js-image-select-filter-custom-filter .thumbnails" data-source=".thumbnail p" data-parent="li" data-selected=".selected" title="Enter a keyword to filter by." type="search" id="edit-image-select-filter-custom-filter" name="image_select_filter_custom_filter" size="30" maxlength="128" placeholder="Find an animal" />');
    $this
      ->assertRaw('<span class="field-suffix"><span class="webform-image-select-summary">8 animals</span>');
    $this
      ->assertRaw('<div style="display:none" class="webform-image-select-no-results webform-message js-webform-message">');
    $this
      ->assertRaw('No animals found.');

    // Check preview.
    $webform = Webform::load('test_element_image_select');
    $edit = [
      'image_select_default' => 'kitten_1',
    ];
    $this
      ->postSubmission($webform, $edit, 'Preview');

    // @todo Remove once Drupal 9.1.x is only supported.
    if (floatval(\Drupal::VERSION) >= 9.1) {
      $this
        ->assertRaw('<figure style="display: inline-block; margin: 0 6px 6px 0; padding: 6px; border: 1px solid #ddd;width: 220px"><img src="http://placekitten.com/220/200" width="220" height="200" alt="Cute Kitten 1" title="Cute Kitten 1" loading="lazy" />');
    }
    else {
      $this
        ->assertRaw('<figure style="display: inline-block; margin: 0 6px 6px 0; padding: 6px; border: 1px solid #ddd;width: 220px"><img src="http://placekitten.com/220/200" width="220" height="200" alt="Cute Kitten 1" title="Cute Kitten 1" />');
    }
  }

}

Classes

Name	Description
WebformImageSelectElementTest	Tests for webform image select element.