function SettingsTrayIntegrationTest::testQuickEditLinks

Tests QuickEdit links behavior.

File

core/modules/quickedit/tests/src/FunctionalJavascript/SettingsTrayIntegrationTest.php, line 61

Class

SettingsTrayIntegrationTest

Test Settings Tray and Quick Edit modules integration.

Namespace

Code

public function testQuickEditLinks() {
  $quick_edit_selector = '#quickedit-entity-toolbar';
  $node_selector = '[data-quickedit-entity-id="node/1"]';
  $body_selector = '[data-quickedit-field-id="node/1/body/en/full"]';
  $web_assert = $this->assertSession();
  // Create a Content type and two test nodes.
  $this->createContentType([
    'type' => 'page',
  ]);
  $auth_role = Role::load(Role::AUTHENTICATED_ID);
  $this->grantPermissions($auth_role, [
    'edit any page content',
    'access content',
  ]);
  $node = $this->createNode([
    'title' => 'Page One',
    'type' => 'page',
    'body' => [
      [
        'value' => 'Regular NODE body for the test.',
        'format' => 'plain_text',
      ],
    ],
  ]);
  $page = $this->getSession()
    ->getPage();
  $block_plugin = 'system_powered_by_block';
  foreach ($this->getTestThemes() as $theme) {
    $this->enableTheme($theme);
    $block = $this->placeBlock($block_plugin);
    $block_selector = $this->getBlockSelector($block);
    // Load the same page twice.
    foreach ([
      1,
      2,
    ] as $page_load_times) {
      $this->drupalGet('node/' . $node->id());
      // The 2nd page load we should already be in edit mode.
      if ($page_load_times == 1) {
        $this->enableEditMode();
      }
      // In Edit mode clicking field should open QuickEdit toolbar.
      $page->find('css', $body_selector)
        ->click();
      $this->assertElementVisibleAfterWait('css', $quick_edit_selector);
      $this->disableEditMode();
      // Exiting Edit mode should close QuickEdit toolbar.
      $web_assert->elementNotExists('css', $quick_edit_selector);
      // When not in Edit mode QuickEdit toolbar should not open.
      $page->find('css', $body_selector)
        ->click();
      $web_assert->elementNotExists('css', $quick_edit_selector);
      $this->enableEditMode();
      $this->openBlockForm($block_selector);
      $page->find('css', $body_selector)
        ->click();
      $this->assertElementVisibleAfterWait('css', $quick_edit_selector);
      // Off-canvas dialog should be closed when opening QuickEdit toolbar.
      $this->waitForOffCanvasToClose();
      $this->openBlockForm($block_selector);
      // QuickEdit toolbar should be closed when opening Off-canvas dialog.
      $web_assert->elementNotExists('css', $quick_edit_selector);
    }
    // Check using contextual links to invoke QuickEdit and open the tray.
    $this->drupalGet('node/' . $node->id());
    $web_assert->assertWaitOnAjaxRequest();
    $this->disableEditMode();
    // Open QuickEdit toolbar before going into Edit mode.
    $this->clickContextualLink($node_selector, "Quick edit");
    $this->assertElementVisibleAfterWait('css', $quick_edit_selector);
    // Open off-canvas and enter Edit mode via contextual link.
    $this->clickContextualLink($block_selector, "Quick edit");
    $this->waitForOffCanvasToOpen();
    // QuickEdit toolbar should be closed when opening off-canvas dialog.
    $web_assert->waitForElementRemoved('css', $quick_edit_selector);
    // Open QuickEdit toolbar via contextual link while in Edit mode.
    $this->clickContextualLink($node_selector, "Quick edit", FALSE);
    $this->waitForOffCanvasToClose();
    $this->assertElementVisibleAfterWait('css', $quick_edit_selector);
    $this->disableEditMode();
  }
}