ElementValidationTest.php in Drupal 9

Namespace

Drupal\FunctionalJavascriptTests\Ajax

File

core/tests/Drupal/FunctionalJavascriptTests/Ajax/ElementValidationTest.php

<?php

namespace Drupal\FunctionalJavascriptTests\Ajax;

use Drupal\FunctionalJavascriptTests\WebDriverTestBase;

/**
 * Various tests of AJAX behavior.
 *
 * @group Ajax
 */
class ElementValidationTest extends WebDriverTestBase {

  /**
   * {@inheritdoc}
   */
  protected static $modules = [
    'ajax_test',
    'ajax_forms_test',
  ];

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

  /**
   * Tries to post an Ajax change to a form that has a validated element.
   *
   * Drupal AJAX commands update the DOM echoing back the validated values in
   * the form of messages that appear on the page.
   */
  public function testAjaxElementValidation() {
    $this
      ->drupalGet('ajax_validation_test');
    $page = $this
      ->getSession()
      ->getPage();
    $assert = $this
      ->assertSession();

    // Partially complete the form with a string.
    $page
      ->fillField('drivertext', 'some dumb text');

    // Move focus away from this field to trigger AJAX.
    $page
      ->findField('spare_required_field')
      ->focus();

    // When the AJAX command updates the DOM a <ul> unsorted list
    // "message__list" structure will appear on the page echoing back the
    // "some dumb text" message.
    $placeholder_text = $assert
      ->waitForElement('css', "ul.messages__list li.messages__item em:contains('some dumb text')");
    $this
      ->assertNotNull($placeholder_text, 'A callback successfully echoed back a string.');
    $this
      ->drupalGet('ajax_validation_test');

    // Partially complete the form with a number.
    $page
      ->fillField('drivernumber', '12345');
    $page
      ->findField('spare_required_field')
      ->focus();

    // The AJAX request/response will complete successfully when an
    // InsertCommand injects a message with a placeholder element into the DOM
    // with the submitted number.
    $placeholder_number = $assert
      ->waitForElement('css', "ul.messages__list li.messages__item em:contains('12345')");
    $this
      ->assertNotNull($placeholder_number, 'A callback successfully echoed back a number.');
  }

}

Classes

Name	Description
ElementValidationTest	Various tests of AJAX behavior.