public function ElementValidationTest::testAjaxElementValidation in Drupal 9

Same name and namespace in other branches

1. 8 core/tests/Drupal/FunctionalJavascriptTests/Ajax/ElementValidationTest.php \Drupal\FunctionalJavascriptTests\Ajax\ElementValidationTest::testAjaxElementValidation()

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.

File

core/tests/Drupal/FunctionalJavascriptTests/Ajax/ElementValidationTest.php, line 30

Class

ElementValidationTest

Various tests of AJAX behavior.

Namespace

Drupal\FunctionalJavascriptTests\Ajax

Code

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.');
}