function LayoutBuilderViewModeTest::testNonDefaultViewMode

Tests that a non-default view mode works as expected.

File

core/modules/layout_builder/tests/src/Functional/LayoutBuilderViewModeTest.php, line 24

Class

LayoutBuilderViewModeTest

Tests the Layout Builder UI with view modes.

Namespace

Code

public function testNonDefaultViewMode() : void {
  $assert_session = $this->assertSession();
  $page = $this->getSession()
    ->getPage();
  $this->drupalLogin($this->drupalCreateUser([
    'configure any layout',
    'administer node display',
  ]));
  $field_ui_prefix = 'admin/structure/types/manage/bundle_with_section_field';
  // Allow overrides for the layout.
  $display = LayoutBuilderEntityViewDisplay::load('node.bundle_with_section_field.default');
  $this->enableLayoutBuilder($display);
  $this->drupalGet("{$field_ui_prefix}/display/default");
  $this->clickLink('Manage layout');
  // Confirm the body field only is shown once.
  $assert_session->elementsCount('css', '.field--name-body', 1);
  $page->pressButton('Discard changes');
  $page->pressButton('Confirm');
  $this->clickLink('Teaser');
  // Enabling Layout Builder for the default mode does not affect the teaser.
  $assert_session->addressEquals("{$field_ui_prefix}/display/teaser");
  $assert_session->elementNotExists('css', '#layout-builder__layout');
  $assert_session->checkboxNotChecked('layout[enabled]');
  $this->enableLayoutBuilderFromUi('bundle_with_section_field', 'teaser', FALSE);
  $assert_session->linkExists('Manage layout');
  $page->clickLink('Manage layout');
  // Confirm the body field only is shown once.
  $assert_session->elementsCount('css', '.field--name-body', 1);
  // Enable a disabled view mode.
  $page->pressButton('Discard changes');
  $page->pressButton('Confirm');
  $assert_session->addressEquals("{$field_ui_prefix}/display/teaser");
  $page->clickLink('Default');
  $assert_session->addressEquals("{$field_ui_prefix}/display/default");
  $page->pressButton('Save');
  $page->clickLink('Overview');
  $assert_session->addressEquals("{$field_ui_prefix}/display");
  // Verify that the "Full content" view mode is not enabled yet.
  $assert_session->elementNotExists('css', '#enabled-display-modes-wrapper #display-mode-node-bundle-with-section-field-full');
  // Enable the "Full content" view mode using the overview UI.
  $page = $this->getSession()
    ->getPage();
  $enable_link = $page->find('xpath', "//tr[@id='display-mode-node-bundle-with-section-field-full']//a[contains(., 'Enable')]");
  $this->assertNotNull($enable_link, 'Enable link should exist for the full view mode.');
  $enable_link->click();
  // After enabling, the view mode should appear in the enabled table.
  $assert_session->elementExists('css', '#enabled-display-modes-wrapper #display-mode-node-bundle-with-section-field-full');
  // Enable Layout Builder for the full view mode using the UI.
  $display = LayoutBuilderEntityViewDisplay::load('node.bundle_with_section_field.full');
  $this->enableLayoutBuilder($display);
  $this->drupalGet("{$field_ui_prefix}/display/full");
  $assert_session->linkExists('Manage layout');
  $page->clickLink('Manage layout');
  // The fields have all been hidden at this point.
  // Verify no Layout Builder blocks exist.
  $assert_session->addressEquals("{$field_ui_prefix}/display/full/layout");
  $assert_session->statusCodeEquals(200);
  $assert_session->elementsCount('css', '.layout-builder-block', 0);
}