function SimplestTest::testAutotextfields

Test AJAX behavior for the dropdown selector.

We'll perform the following steps:

• Open the simplest example page.
• Verify that our AJAX wrapper element is present, but is empty.
• Cause events by changing the value of the dropdown for all the different values.
• Verify that the prompt text changes when the dropdown changes.

File

modules/ajax_example/tests/src/FunctionalJavascript/SimplestTest.php, line 35

Class

SimplestTest

Test the user interactions for the Simplest example.

Namespace

Code

public function testAutotextfields() {
  // Get the page.
  $this->drupalGet(Url::fromRoute('ajax_example.simplest'));
  // Get our Mink stuff.
  $page = $this->getSession()
    ->getPage();
  $assert = $this->assertSession();
  // Don't repeat ourselves. This makes it easier if we change the markup
  // later.
  $description_selector = '#replace-textfield-container div.description';
  // Check our initial state.
  $assert->elementExists('css', '#replace-textfield-container');
  $assert->elementNotExists('css', $description_selector);
  // Cause events by changing the value of the dropdown for all the different
  // values. Start with three so the change event is triggered.
  foreach ([
    'three',
    'two',
    'one',
  ] as $value) {
    // Select the dropdown value.
    $page->selectFieldOption('changethis', $value);
    // Wait for AJAX to happen.
    $assert->assertWaitOnAjaxRequest();
    // Assert that the description exists.
    $assert->elementExists('css', $description_selector);
    // Get the description element from the page.
    $prompt_element = $page->find('css', $description_selector);
    // Verify that the prompt text changes when the dropdown changes.
    $this->assertEquals("Say why you chose '{$value}'", $prompt_element->getText());
  }
}