public function ContentPreviewToggleTest::testContentPreviewToggle in Drupal 9

Same name and namespace in other branches

1. 8 core/modules/layout_builder/tests/src/FunctionalJavascript/ContentPreviewToggleTest.php \Drupal\Tests\layout_builder\FunctionalJavascript\ContentPreviewToggleTest::testContentPreviewToggle()

Tests the content preview toggle.

File

core/modules/layout_builder/tests/src/FunctionalJavascript/ContentPreviewToggleTest.php, line 52

Class

ContentPreviewToggleTest

Tests toggling of content preview.

Namespace

Drupal\Tests\layout_builder\FunctionalJavascript

Code

public function testContentPreviewToggle() {
  $assert_session = $this
    ->assertSession();
  $page = $this
    ->getSession()
    ->getPage();
  $links_field_placeholder_label = '"Links" field';
  $body_field_placeholder_label = '"Body" field';
  $content_preview_body_text = 'I should only be visible if content preview is enabled.';
  $this
    ->drupalGet('admin/structure/types/manage/bundle_for_this_particular_test/display/default');
  $this
    ->submitForm([
    'layout[enabled]' => TRUE,
    'layout[allow_custom]' => TRUE,
  ], 'Save');
  $this
    ->createNode([
    'type' => 'bundle_for_this_particular_test',
    'body' => [
      [
        'value' => $content_preview_body_text,
      ],
    ],
  ]);

  // Open single item layout page.
  $this
    ->drupalGet('node/1/layout');

  // Placeholder label should not be visible, preview content should be.
  $assert_session
    ->elementNotExists('css', '.layout-builder-block__content-preview-placeholder-label');
  $assert_session
    ->pageTextContains($content_preview_body_text);

  // Disable content preview, confirm presence of placeholder labels.
  $this
    ->assertTrue($page
    ->hasCheckedField('layout-builder-content-preview'));
  $page
    ->uncheckField('layout-builder-content-preview');
  $this
    ->assertNotEmpty($assert_session
    ->waitForElementVisible('css', '.layout-builder-block__content-preview-placeholder-label'));

  // Confirm that block content is not on page.
  $assert_session
    ->pageTextNotContains($content_preview_body_text);
  $this
    ->assertContextualLinks();

  // Check that content preview is still disabled on page reload.
  $this
    ->getSession()
    ->reload();
  $this
    ->assertNotEmpty($assert_session
    ->waitForElement('css', '.layout-builder-block__content-preview-placeholder-label'));
  $assert_session
    ->pageTextNotContains($content_preview_body_text);
  $this
    ->assertContextualLinks();

  // Confirm repositioning blocks works with content preview disabled.
  $this
    ->assertOrderInPage([
    $links_field_placeholder_label,
    $body_field_placeholder_label,
  ]);
  $region_content = '.layout__region--content';
  $links_block = "[data-layout-content-preview-placeholder-label='{$links_field_placeholder_label}']";
  $body_block = "[data-layout-content-preview-placeholder-label='{$body_field_placeholder_label}']";
  $assert_session
    ->elementExists('css', $links_block . " div");
  $assert_session
    ->elementExists('css', $body_block . " div");
  $this
    ->sortableAfter($links_block, $body_block, $region_content);
  $assert_session
    ->assertWaitOnAjaxRequest();

  // Check that the drag-triggered rebuild did not trigger content preview.
  $assert_session
    ->pageTextNotContains($content_preview_body_text);

  // Check that drag successfully repositioned blocks.
  $this
    ->assertOrderInPage([
    $body_field_placeholder_label,
    $links_field_placeholder_label,
  ]);

  // Check if block position maintained after enabling content preview.
  $this
    ->assertTrue($page
    ->hasUncheckedField('layout-builder-content-preview'));
  $page
    ->checkField('layout-builder-content-preview');
  $this
    ->assertNotEmpty($assert_session
    ->waitForText($content_preview_body_text));
  $assert_session
    ->pageTextContains($content_preview_body_text);
  $this
    ->assertNotEmpty($assert_session
    ->waitForText('Placeholder for the "Links" field'));
  $this
    ->assertOrderInPage([
    $content_preview_body_text,
    'Placeholder for the "Links" field',
  ]);
}