public function JSWebAssertTest::testJsWebAssert

Tests that JSWebAssert assertions work correctly.

File

core/tests/Drupal/FunctionalJavascriptTests/Tests/JSWebAssertTest.php, line 34

Class

JSWebAssertTest

Tests for the JSWebAssert class.

Namespace

Code

public function testJsWebAssert() {
  $this
    ->drupalGet('js_webassert_test_form');
  $session = $this
    ->getSession();
  $assert_session = $this
    ->assertSession();
  $page = $session
    ->getPage();
  $assert_session
    ->elementExists('css', '[data-drupal-selector="edit-test-assert-no-element-after-wait-pass"]');
  $page
    ->findButton('Test assertNoElementAfterWait: pass')
    ->press();
  $assert_session
    ->assertNoElementAfterWait('css', '[data-drupal-selector="edit-test-assert-no-element-after-wait-pass"]', 1000);
  $assert_session
    ->elementExists('css', '[data-drupal-selector="edit-test-assert-no-element-after-wait-fail"]');
  $page
    ->findButton('Test assertNoElementAfterWait: fail')
    ->press();
  try {
    Timer::start('JSWebAssertTest');
    $assert_session
      ->assertNoElementAfterWait('css', '[data-drupal-selector="edit-test-assert-no-element-after-wait-fail"]', 500, 'Element exists on page after too short wait.');

    // This test is fragile if webdriver responses are very slow for some
    // reason. If they are, do not fail the test.
    // @todo https://www.drupal.org/project/drupal/issues/3316317 remove this
    //   workaround.
    if (Timer::read('JSWebAssertTest') < 1000) {
      $this
        ->fail("Element not exists on page after too short wait.");
    }
  } catch (ElementHtmlException $e) {
    $this
      ->assertSame('Element exists on page after too short wait.', $e
      ->getMessage());
  }
  $assert_session
    ->assertNoElementAfterWait('css', '[data-drupal-selector="edit-test-assert-no-element-after-wait-fail"]', 2500, 'Element remove after another wait.ss');
  $test_button = $page
    ->findButton('Add button');
  $test_link = $page
    ->findButton('Add link');
  $test_field = $page
    ->findButton('Add field');
  $test_id = $page
    ->findButton('Add ID');
  $test_wait_on_ajax = $page
    ->findButton('Test assertWaitOnAjaxRequest');
  $test_wait_on_element_visible = $page
    ->findButton('Test waitForElementVisible');

  // Test the wait...() methods by first checking the fields aren't available
  // and then are available after the wait method.
  $result = $page
    ->findButton('Added button');
  $this
    ->assertEmpty($result);
  $test_button
    ->click();
  $result = $assert_session
    ->waitForButton('Added button');
  $this
    ->assertNotEmpty($result);
  $this
    ->assertInstanceOf(NodeElement::class, $result);
  $result = $page
    ->findLink('Added link');
  $this
    ->assertEmpty($result);
  $test_link
    ->click();
  $result = $assert_session
    ->waitForLink('Added link');
  $this
    ->assertNotEmpty($result);
  $this
    ->assertInstanceOf(NodeElement::class, $result);
  $result = $page
    ->findField('added_field');
  $this
    ->assertEmpty($result);
  $test_field
    ->click();
  $result = $assert_session
    ->waitForField('added_field');
  $this
    ->assertNotEmpty($result);
  $this
    ->assertInstanceOf(NodeElement::class, $result);
  $result = $page
    ->findById('js_webassert_test_field_id');
  $this
    ->assertEmpty($result);
  $test_id
    ->click();
  $result = $assert_session
    ->waitForId('js_webassert_test_field_id');
  $this
    ->assertNotEmpty($result);
  $this
    ->assertInstanceOf(NodeElement::class, $result);

  // Test waitOnAjaxRequest. Verify the element is available after the wait
  // and the behaviors have run on completing by checking the value.
  $result = $page
    ->findField('test_assert_wait_on_ajax_input');
  $this
    ->assertEmpty($result);
  $test_wait_on_ajax
    ->click();
  $assert_session
    ->assertWaitOnAjaxRequest();
  $result = $page
    ->findField('test_assert_wait_on_ajax_input');
  $this
    ->assertNotEmpty($result);
  $this
    ->assertInstanceOf(NodeElement::class, $result);
  $this
    ->assertEquals('js_webassert_test', $result
    ->getValue());
  $result = $page
    ->findButton('Added WaitForElementVisible');
  $this
    ->assertEmpty($result);
  $test_wait_on_element_visible
    ->click();
  $result = $assert_session
    ->waitForElementVisible('named', [
    'button',
    'Added WaitForElementVisible',
  ]);
  $this
    ->assertNotEmpty($result);
  $this
    ->assertInstanceOf(NodeElement::class, $result);
  $this
    ->assertEquals(TRUE, $result
    ->isVisible());
  $this
    ->drupalGet('js_webassert_test_page');

  // Ensure that the javascript has replaced the element 1100 times.
  $assert_session
    ->waitForText('New Text!! 1100');
  $result = $page
    ->find('named', [
    'id',
    'test_text',
  ]);
  $this
    ->assertSame('test_text', $result
    ->getAttribute('id'));
}