function ToolbarStoredStateTest::testToolbarStoredState

File

core/modules/toolbar/tests/src/FunctionalJavascript/ToolbarStoredStateTest.php, line 27

Class

ToolbarStoredStateTest

Tests the sessionStorage state set by the toolbar.

Namespace

Code

public function testToolbarStoredState() : void {
    $admin_user = $this->drupalCreateUser([
        'access toolbar',
        'administer site configuration',
        'access content overview',
    ]);
    $this->drupalLogin($admin_user);
    $page = $this->getSession()
        ->getPage();
    $assert_session = $this->assertSession();
    $this->drupalGet('<front>');
    $this->assertNotEmpty($this->assertSession()
        ->waitForElement('css', 'body.toolbar-horizontal'));
    $this->assertNotEmpty($this->assertSession()
        ->waitForElementVisible('css', '.toolbar-tray'));
    $this->assertSession()
        ->waitForElementRemoved('css', '.toolbar-loading');
    $page->clickLink('toolbar-item-user');
    $this->assertNotEmpty($assert_session->waitForElementVisible('css', '#toolbar-item-user.is-active'));
    // Expected state values with the user tray open with horizontal
    // orientation.
    $expected = [
        'orientation' => 'horizontal',
        'hasActiveTab' => TRUE,
        'activeTabId' => 'toolbar-item-user',
        'activeTray' => 'toolbar-item-user-tray',
        'isOriented' => TRUE,
        'isFixed' => TRUE,
    ];
    $toolbar_stored_state = JSON::decode($this->getSession()
        ->evaluateScript("sessionStorage.getItem('Drupal.toolbar.toolbarState')"));
    // The userButtonMinWidth property will differ depending on the length of
    // the test-generated username, so it is checked differently and the value
    // is copied to the expected value array.
    $this->assertNotNull($toolbar_stored_state['userButtonMinWidth']);
    $this->assertIsNumeric($toolbar_stored_state['userButtonMinWidth']);
    $this->assertGreaterThan(60, $toolbar_stored_state['userButtonMinWidth']);
    $expected['userButtonMinWidth'] = $toolbar_stored_state['userButtonMinWidth'];
    $this->assertSame($expected, $toolbar_stored_state);
    $page->clickLink('toolbar-item-user');
    $assert_session->assertNoElementAfterWait('css', '#toolbar-item-user.is-active');
    // Update expected state values to reflect no tray being open.
    $expected['hasActiveTab'] = FALSE;
    $expected['activeTabId'] = NULL;
    unset($expected['activeTray']);
    $toolbar_stored_state = JSON::decode($this->getSession()
        ->evaluateScript("sessionStorage.getItem('Drupal.toolbar.toolbarState')"));
    $this->assertSame($expected, $toolbar_stored_state);
    $page->clickLink('toolbar-item-administration');
    $orientation_toggle = $assert_session->waitForElementVisible('css', '[title="Vertical orientation"]');
    $orientation_toggle->click();
    $assert_session->waitForElementVisible('css', 'body.toolbar-vertical');
    // Update expected state values to reflect the administration tray being
    // open with vertical orientation.
    $expected['orientation'] = 'vertical';
    $expected['hasActiveTab'] = TRUE;
    $expected['activeTabId'] = 'toolbar-item-administration';
    $expected['activeTray'] = 'toolbar-item-administration-tray';
    $toolbar_stored_state = JSON::decode($this->getSession()
        ->evaluateScript("sessionStorage.getItem('Drupal.toolbar.toolbarState')"));
    $this->assertSame($expected, $toolbar_stored_state);
    $this->getSession()
        ->resizeWindow(600, 600);
    $this->getSession()
        ->wait(1000, "JSON.parse(sessionStorage.getItem('Drupal.toolbar.toolbarState')).isFixed == false");
    // Update expected state values to reflect the viewport being at a width
    // that is narrow enough that the toolbar isn't fixed.
    $expected['isFixed'] = FALSE;
    $toolbar_stored_state = JSON::decode($this->getSession()
        ->evaluateScript("sessionStorage.getItem('Drupal.toolbar.toolbarState')"));
    $this->assertSame($expected, $toolbar_stored_state);
}