You are here

Home » API reference » Drupal 8 » LayoutBuilderTest.php » LayoutBuilderTest

public function LayoutBuilderTest::testLayoutBuilderUiFullViewMode in Drupal 8

Same name and namespace in other branches
  1. 9 core/modules/layout_builder/tests/src/Functional/LayoutBuilderTest.php \Drupal\Tests\layout_builder\Functional\LayoutBuilderTest::testLayoutBuilderUiFullViewMode()

Tests the interaction between full and default view modes.

See also

\Drupal\layout_builder\Plugin\SectionStorage\OverridesSectionStorage::getDefaultSectionStorage()

File

core/modules/layout_builder/tests/src/Functional/LayoutBuilderTest.php, line 621

Class

LayoutBuilderTest
Tests the Layout Builder UI.

Namespace

Drupal\Tests\layout_builder\Functional

Code

public function testLayoutBuilderUiFullViewMode() {
  $assert_session = $this
    ->assertSession();
  $page = $this
    ->getSession()
    ->getPage();
  $this
    ->drupalLogin($this
    ->drupalCreateUser([
    'configure any layout',
    'administer node display',
    'administer node fields',
  ]));
  $field_ui_prefix = 'admin/structure/types/manage/bundle_with_section_field';

  // For the purposes of this test, turn the full view mode on and off to
  // prevent copying from the customized default view mode.
  $this
    ->drupalPostForm("{$field_ui_prefix}/display/default", [
    'display_modes_custom[full]' => TRUE,
  ], 'Save');
  $this
    ->drupalPostForm("{$field_ui_prefix}/display/default", [
    'display_modes_custom[full]' => FALSE,
  ], 'Save');

  // Allow overrides for the layout.
  $this
    ->drupalPostForm("{$field_ui_prefix}/display/default", [
    'layout[enabled]' => TRUE,
  ], 'Save');
  $this
    ->drupalPostForm("{$field_ui_prefix}/display/default", [
    'layout[allow_custom]' => TRUE,
  ], 'Save');

  // Customize the default view mode.
  $this
    ->drupalGet("{$field_ui_prefix}/display/default/layout");
  $this
    ->clickLink('Add block');
  $this
    ->clickLink('Powered by Drupal');
  $page
    ->fillField('settings[label]', 'This is the default view mode');
  $page
    ->checkField('settings[label_display]');
  $page
    ->pressButton('Add block');
  $assert_session
    ->pageTextContains('This is the default view mode');
  $page
    ->pressButton('Save layout');

  // The default view mode is used for both the node display and layout UI.
  $this
    ->drupalGet('node/1');
  $assert_session
    ->pageTextContains('This is the default view mode');
  $assert_session
    ->pageTextNotContains('This is the full view mode');
  $this
    ->drupalGet('node/1/layout');
  $assert_session
    ->pageTextContains('This is the default view mode');
  $assert_session
    ->pageTextNotContains('This is the full view mode');
  $page
    ->pressButton('Discard changes');
  $page
    ->pressButton('Confirm');

  // Enable the full view mode and customize it.
  $this
    ->drupalPostForm("{$field_ui_prefix}/display/default", [
    'display_modes_custom[full]' => TRUE,
  ], 'Save');
  $this
    ->drupalPostForm("{$field_ui_prefix}/display/full", [
    'layout[enabled]' => TRUE,
  ], 'Save');
  $this
    ->drupalPostForm("{$field_ui_prefix}/display/full", [
    'layout[allow_custom]' => TRUE,
  ], 'Save');
  $this
    ->drupalGet("{$field_ui_prefix}/display/full/layout");
  $this
    ->clickLink('Add block');
  $this
    ->clickLink('Powered by Drupal');
  $page
    ->fillField('settings[label]', 'This is the full view mode');
  $page
    ->checkField('settings[label_display]');
  $page
    ->pressButton('Add block');
  $assert_session
    ->pageTextContains('This is the full view mode');
  $page
    ->pressButton('Save layout');

  // The full view mode is now used for both the node display and layout UI.
  $this
    ->drupalGet('node/1');
  $assert_session
    ->pageTextContains('This is the full view mode');
  $assert_session
    ->pageTextNotContains('This is the default view mode');
  $this
    ->drupalGet('node/1/layout');
  $assert_session
    ->pageTextContains('This is the full view mode');
  $assert_session
    ->pageTextNotContains('This is the default view mode');
  $page
    ->pressButton('Discard changes');
  $page
    ->pressButton('Confirm');

  // Disable the full view mode, the default should be used again.
  $this
    ->drupalPostForm("{$field_ui_prefix}/display/default", [
    'display_modes_custom[full]' => FALSE,
  ], 'Save');
  $this
    ->drupalGet('node/1');
  $assert_session
    ->pageTextContains('This is the default view mode');
  $assert_session
    ->pageTextNotContains('This is the full view mode');
  $this
    ->drupalGet('node/1/layout');
  $assert_session
    ->pageTextContains('This is the default view mode');
  $assert_session
    ->pageTextNotContains('This is the full view mode');
  $page
    ->pressButton('Discard changes');
  $page
    ->pressButton('Confirm');

  // Re-enabling the full view mode restores the layout changes.
  $this
    ->drupalPostForm("{$field_ui_prefix}/display/default", [
    'display_modes_custom[full]' => TRUE,
  ], 'Save');
  $this
    ->drupalGet('node/1');
  $assert_session
    ->pageTextContains('This is the full view mode');
  $assert_session
    ->pageTextNotContains('This is the default view mode');
  $this
    ->drupalGet('node/1/layout');
  $assert_session
    ->pageTextContains('This is the full view mode');
  $assert_session
    ->pageTextNotContains('This is the default view mode');

  // Create an override of the full view mode.
  $this
    ->clickLink('Add block');
  $this
    ->clickLink('Powered by Drupal');
  $page
    ->fillField('settings[label]', 'This is an override of the full view mode');
  $page
    ->checkField('settings[label_display]');
  $page
    ->pressButton('Add block');
  $assert_session
    ->pageTextContains('This is an override of the full view mode');
  $page
    ->pressButton('Save layout');
  $this
    ->drupalGet('node/1');
  $assert_session
    ->pageTextContains('This is the full view mode');
  $assert_session
    ->pageTextContains('This is an override of the full view mode');
  $assert_session
    ->pageTextNotContains('This is the default view mode');
  $this
    ->drupalGet('node/1/layout');
  $assert_session
    ->pageTextContains('This is the full view mode');
  $assert_session
    ->pageTextContains('This is an override of the full view mode');
  $assert_session
    ->pageTextNotContains('This is the default view mode');
  $page
    ->pressButton('Discard changes');
  $page
    ->pressButton('Confirm');

  // The override does not affect the full view mode.
  $this
    ->drupalGet("{$field_ui_prefix}/display/full/layout");
  $assert_session
    ->pageTextContains('This is the full view mode');
  $assert_session
    ->pageTextNotContains('This is an override of the full view mode');
  $assert_session
    ->pageTextNotContains('This is the default view mode');

  // Reverting the override restores back to the full view mode.
  $this
    ->drupalGet('node/1/layout');
  $page
    ->pressButton('Revert to default');
  $page
    ->pressButton('Revert');
  $assert_session
    ->pageTextContains('This is the full view mode');
  $assert_session
    ->pageTextNotContains('This is an override of the full view mode');
  $assert_session
    ->pageTextNotContains('This is the default view mode');
  $this
    ->drupalGet('node/1/layout');
  $assert_session
    ->pageTextContains('This is the full view mode');
  $assert_session
    ->pageTextNotContains('This is an override of the full view mode');
  $assert_session
    ->pageTextNotContains('This is the default view mode');

  // Recreate an override of the full view mode.
  $this
    ->clickLink('Add block');
  $this
    ->clickLink('Powered by Drupal');
  $page
    ->fillField('settings[label]', 'This is an override of the full view mode');
  $page
    ->checkField('settings[label_display]');
  $page
    ->pressButton('Add block');
  $assert_session
    ->pageTextContains('This is an override of the full view mode');
  $page
    ->pressButton('Save layout');
  $assert_session
    ->pageTextContains('This is the full view mode');
  $assert_session
    ->pageTextContains('This is an override of the full view mode');
  $assert_session
    ->pageTextNotContains('This is the default view mode');
  $this
    ->drupalGet('node/1/layout');
  $assert_session
    ->pageTextContains('This is the full view mode');
  $assert_session
    ->pageTextContains('This is an override of the full view mode');
  $assert_session
    ->pageTextNotContains('This is the default view mode');
  $page
    ->pressButton('Discard changes');
  $page
    ->pressButton('Confirm');

  // Disable the full view mode.
  $this
    ->drupalPostForm("{$field_ui_prefix}/display/default", [
    'display_modes_custom[full]' => FALSE,
  ], 'Save');

  // The override of the full view mode is still available.
  $this
    ->drupalGet('node/1');
  $assert_session
    ->pageTextContains('This is the full view mode');
  $assert_session
    ->pageTextContains('This is an override of the full view mode');
  $assert_session
    ->pageTextNotContains('This is the default view mode');

  // Reverting the override restores back to the default view mode.
  $this
    ->drupalGet('node/1/layout');
  $page
    ->pressButton('Revert to default');
  $page
    ->pressButton('Revert');
  $assert_session
    ->pageTextContains('This is the default view mode');
  $assert_session
    ->pageTextNotContains('This is the full view mode');
  $this
    ->drupalGet('node/1/layout');
  $assert_session
    ->pageTextContains('This is the default view mode');
  $assert_session
    ->pageTextNotContains('This is the full view mode');
  $page
    ->pressButton('Discard changes');
  $page
    ->pressButton('Confirm');
}