function AjaxTest::testAjaxFocus

Tests ajax focus handling.

File

core/tests/Drupal/FunctionalJavascriptTests/Ajax/AjaxTest.php, line 303

Class

AjaxTest

Tests AJAX responses.

Namespace

Code

public function testAjaxFocus() : void {
    $this->markTestSkipped("Skipped due to frequent random test failures. See https://www.drupal.org/project/drupal/issues/3396536");
    $this->drupalGet('/ajax_forms_test_get_form');
    $this->assertNotNull($select = $this->assertSession()
        ->elementExists('css', '#edit-select'));
    $select->setValue('green');
    $this->assertSession()
        ->assertWaitOnAjaxRequest();
    $has_focus_id = $this->getSession()
        ->evaluateScript('document.activeElement.id');
    $this->assertEquals('edit-select', $has_focus_id);
    $this->assertNotNull($checkbox = $this->assertSession()
        ->elementExists('css', '#edit-checkbox'));
    $checkbox->check();
    $this->assertSession()
        ->assertWaitOnAjaxRequest();
    $has_focus_id = $this->getSession()
        ->evaluateScript('document.activeElement.id');
    $this->assertEquals('edit-checkbox', $has_focus_id);
    $this->assertNotNull($textfield1 = $this->assertSession()
        ->elementExists('css', '#edit-textfield'));
    $this->assertNotNull($textfield2 = $this->assertSession()
        ->elementExists('css', '#edit-textfield-2'));
    $this->assertNotNull($textfield3 = $this->assertSession()
        ->elementExists('css', '#edit-textfield-3'));
    // Test textfield with 'blur' event listener.
    $textfield1->setValue('Kittens say purr');
    $textfield2->focus();
    $this->assertSession()
        ->assertWaitOnAjaxRequest();
    $has_focus_id = $this->getSession()
        ->evaluateScript('document.activeElement.id');
    $this->assertEquals('edit-textfield-2', $has_focus_id);
    // Test textfield with 'change' event listener with refocus-blur set to
    // FALSE.
    $textfield2->setValue('Llamas say hi');
    $textfield3->focus();
    $this->assertSession()
        ->assertWaitOnAjaxRequest();
    $has_focus_id = $this->getSession()
        ->evaluateScript('document.activeElement.id');
    $this->assertEquals('edit-textfield-2', $has_focus_id);
    // Test textfield with 'change' event.
    $textfield3->focus();
    $textfield3->setValue('Wasps buzz');
    $textfield3->blur();
    $this->assertSession()
        ->assertWaitOnAjaxRequest();
    $has_focus_id = $this->getSession()
        ->evaluateScript('document.activeElement.id');
    $this->assertEquals('edit-textfield-3', $has_focus_id);
}