function AdminCompactModeTest::testAdminCompactMode

Tests that filter results announcement has correct pluralization.

File

core/modules/system/tests/src/FunctionalJavascript/AdminCompactModeTest.php, line 43

Class

AdminCompactModeTest

Tests the JavaScript functionality of the admin compact mode.

Namespace

Code

public function testAdminCompactMode() : void {
  $descriptionSelector = '[data-drupal-selector="edit-permissions-administer-site-configuration"] .description';
  $descriptionContent = 'Warning: Give to trusted roles only; this permission has security implications.';
  $this->drupalGet('admin/people/permissions');
  $assertSession = $this->assertSession();
  $session = $this->getSession();
  $page = $session->getPage();
  // Document attribute is absent.
  $assertSession->elementAttributeNotExists('css', ':root', 'data-admin-compact-mode');
  // Description is present and visible.
  $assertSession->elementTextContains('css', $descriptionSelector, $descriptionContent);
  $displayValue = $this->getSession()
    ->evaluateScript("window.getComputedStyle(document.querySelector('{$descriptionSelector}')).display;");
  $this->assertEquals('block', $displayValue);
  $page->findLink('Hide descriptions')
    ->click();
  // Document attribute is present.
  $assertSession->elementAttributeExists('css', ':root', 'data-admin-compact-mode');
  // Description is present and hidden.
  $descriptionElement = $assertSession->elementExists('css', $descriptionSelector);
  $this->assertEquals("", $descriptionElement->getText());
  $displayValue = $this->getSession()
    ->evaluateScript("window.getComputedStyle(document.querySelector('{$descriptionSelector}')).display;");
  $this->assertEquals('none', $displayValue);
  // Navigate away and back.
  $this->drupalGet('<front>');
  $this->drupalGet('admin/people/permissions');
  // Document attribute is still present.
  $assertSession->elementAttributeExists('css', ':root', 'data-admin-compact-mode');
  // Description is still hidden.
  $descriptionElement = $assertSession->elementExists('css', $descriptionSelector);
  $this->assertEquals("", $descriptionElement->getText());
  $displayValue = $this->getSession()
    ->evaluateScript("window.getComputedStyle(document.querySelector('{$descriptionSelector}')).display;");
  $this->assertEquals('none', $displayValue);
  $page->findLink('Show descriptions')
    ->click();
  // Document attribute is absent.
  $assertSession->elementAttributeNotExists('css', ':root', 'data-admin-compact-mode');
  // Description is visible.
  $assertSession->elementTextContains('css', $descriptionSelector, $descriptionContent);
  $displayValue = $this->getSession()
    ->evaluateScript("window.getComputedStyle(document.querySelector('{$descriptionSelector}')).display;");
  $this->assertEquals('block', $displayValue);
}