function ContextualLinksTest::testContextualLinksClick

Tests clicking contextual links.

File

core/modules/contextual/tests/src/FunctionalJavascript/ContextualLinksTest.php, line 77

Class

ContextualLinksTest

Tests the UI for correct contextual links.

Namespace

Code

public function testContextualLinksClick() : void {
    $this->container
        ->get('module_installer')
        ->install([
        'contextual_test',
    ]);
    // Test clicking contextual link without toolbar.
    $this->drupalGet('user');
    $this->clickContextualLink('#block-branding', 'Test Link');
    $this->assertSession()
        ->pageTextContains('Everything is contextual!');
    // Test click a contextual link that uses ajax.
    $this->drupalGet('user');
    $current_page_string = 'NOT_RELOADED_IF_ON_PAGE';
    $this->getSession()
        ->executeScript('document.body.appendChild(document.createTextNode("' . $current_page_string . '"));');
    // Move the pointer over the branding block so the contextual link appears
    // as it would with a real user interaction. Otherwise clickContextualLink()
    // does not open the dialog in a manner that is opener-aware, and it isn't
    // possible to reliably test focus management.
    $this->getSession()
        ->getDriver()
        ->mouseOver('.//*[@id="block-branding"]');
    $this->clickContextualLink('#block-branding', 'Test Link with Ajax', FALSE);
    $this->assertNotEmpty($this->assertSession()
        ->waitForElementVisible('css', '#drupal-modal'));
    $this->assertSession()
        ->elementContains('css', '#drupal-modal', 'Everything is contextual!');
    $this->getSession()
        ->executeScript('document.querySelector("#block-branding .trigger").addEventListener("focus", (e) => e.target.classList.add("i-am-focused"))');
    $this->getSession()
        ->getPage()
        ->pressButton('Close');
    $this->assertSession()
        ->assertNoElementAfterWait('css', 'ui.dialog');
    // When the dialog is closed, the opening contextual link is now inside a
    // collapsed container, so focus should be routed to the contextual link
    // toggle button.
    $this->assertNotNull($this->assertSession()
        ->waitForElement('css', '.trigger.i-am-focused'), $this->getSession()
        ->getPage()
        ->find('css', '#block-branding')
        ->getOuterHtml());
    $this->assertJsCondition('document.activeElement === document.querySelector("#block-branding button.trigger")', 10000, 'Focus should be on the contextual trigger, but instead is at ' . $this->getSession()
        ->evaluateScript('document.activeElement.outerHTML'));
    // Check to make sure that page was not reloaded.
    $this->assertSession()
        ->pageTextContains($current_page_string);
    // Test clicking contextual link with toolbar.
    $this->container
        ->get('module_installer')
        ->install([
        'toolbar',
    ]);
    $this->grantPermissions(Role::load(Role::AUTHENTICATED_ID), [
        'access toolbar',
    ]);
    $this->drupalGet('user');
    $this->assertSession()
        ->assertExpectedAjaxRequest(1);
    // Click "Edit" in toolbar to show contextual links.
    $this->getSession()
        ->getPage()
        ->find('css', '.contextual-toolbar-tab button')
        ->press();
    $this->clickContextualLink('#block-branding', 'Test Link', FALSE);
    $this->assertSession()
        ->pageTextContains('Everything is contextual!');
}