You are here

public function PagePreviewTest::testPagePreview in Drupal 9

Same name and namespace in other branches
  1. 8 core/modules/node/tests/src/Functional/PagePreviewTest.php \Drupal\Tests\node\Functional\PagePreviewTest::testPagePreview()

Checks the node preview functionality.

File

core/modules/node/tests/src/Functional/PagePreviewTest.php, line 186

Class

PagePreviewTest
Tests the node entity preview functionality.

Namespace

Drupal\Tests\node\Functional

Code

public function testPagePreview() {
  $title_key = 'title[0][value]';
  $body_key = 'body[0][value]';
  $term_key = $this->fieldName . '[target_id]';

  // Fill in node creation form and preview node.
  $edit = [];
  $edit[$title_key] = '<em>' . $this
    ->randomMachineName(8) . '</em>';
  $edit[$body_key] = $this
    ->randomMachineName(16);
  $edit[$term_key] = $this->term
    ->getName();

  // Upload an image.
  $test_image = current($this
    ->drupalGetTestFiles('image', 39325));
  $edit['files[field_image_0][]'] = \Drupal::service('file_system')
    ->realpath($test_image->uri);
  $this
    ->drupalGet('node/add/page');
  $this
    ->submitForm($edit, 'Upload');

  // Add an alt tag and preview the node.
  $this
    ->submitForm([
    'field_image[0][alt]' => 'Picture of llamas',
  ], 'Preview');

  // Check that the preview is displaying the title, body and term.
  $expected_title = $edit[$title_key] . ' | Drupal';
  $this
    ->assertSession()
    ->titleEquals($expected_title);
  $this
    ->assertSession()
    ->assertEscaped($edit[$title_key]);
  $this
    ->assertSession()
    ->pageTextContains($edit[$body_key]);
  $this
    ->assertSession()
    ->pageTextContains($edit[$term_key]);
  $this
    ->assertSession()
    ->linkExists('Back to content editing');

  // Check that we see the class of the node type on the body element.
  $body_class_element = $this
    ->xpath("//body[contains(@class, 'page-node-type-page')]");
  $this
    ->assertTrue(!empty($body_class_element), 'Node type body class found.');

  // Get the UUID.
  $url = parse_url($this
    ->getUrl());
  $paths = explode('/', $url['path']);
  $view_mode = array_pop($paths);
  $uuid = array_pop($paths);

  // Switch view mode. We'll remove the body from the teaser view mode.
  \Drupal::service('entity_display.repository')
    ->getViewDisplay('node', 'page', 'teaser')
    ->removeComponent('body')
    ->save();
  $view_mode_edit = [
    'view_mode' => 'teaser',
  ];
  $this
    ->drupalGet('node/preview/' . $uuid . '/full');
  $this
    ->submitForm($view_mode_edit, 'Switch');
  $this
    ->assertSession()
    ->responseContains('view-mode-teaser');
  $this
    ->assertSession()
    ->pageTextNotContains($edit[$body_key]);

  // Check that the title, body and term fields are displayed with the
  // values after going back to the content edit page.
  $this
    ->clickLink('Back to content editing');
  $this
    ->assertSession()
    ->fieldValueEquals($title_key, $edit[$title_key]);
  $this
    ->assertSession()
    ->fieldValueEquals($body_key, $edit[$body_key]);
  $this
    ->assertSession()
    ->fieldValueEquals($term_key, $edit[$term_key]);
  $this
    ->assertSession()
    ->fieldValueEquals('field_image[0][alt]', 'Picture of llamas');
  $this
    ->getSession()
    ->getPage()
    ->pressButton('Add another item');
  $this
    ->assertSession()
    ->fieldExists('field_test_multi[0][value]');
  $this
    ->assertSession()
    ->fieldExists('field_test_multi[1][value]');

  // Return to page preview to check everything is as expected.
  $this
    ->submitForm([], 'Preview');
  $this
    ->assertSession()
    ->titleEquals($expected_title);
  $this
    ->assertSession()
    ->assertEscaped($edit[$title_key]);
  $this
    ->assertSession()
    ->pageTextContains($edit[$body_key]);
  $this
    ->assertSession()
    ->pageTextContains($edit[$term_key]);
  $this
    ->assertSession()
    ->linkExists('Back to content editing');

  // Assert the content is kept when reloading the page.
  $this
    ->drupalGet('node/add/page', [
    'query' => [
      'uuid' => $uuid,
    ],
  ]);
  $this
    ->assertSession()
    ->fieldValueEquals($title_key, $edit[$title_key]);
  $this
    ->assertSession()
    ->fieldValueEquals($body_key, $edit[$body_key]);
  $this
    ->assertSession()
    ->fieldValueEquals($term_key, $edit[$term_key]);

  // Save the node - this is a new POST, so we need to upload the image.
  $this
    ->drupalGet('node/add/page');
  $this
    ->submitForm($edit, 'Upload');
  $this
    ->submitForm([
    'field_image[0][alt]' => 'Picture of llamas',
  ], 'Save');
  $node = $this
    ->drupalGetNodeByTitle($edit[$title_key]);

  // Check the term was displayed on the saved node.
  $this
    ->drupalGet('node/' . $node
    ->id());
  $this
    ->assertSession()
    ->pageTextContains($edit[$term_key]);

  // Check the term appears again on the edit form.
  $this
    ->drupalGet('node/' . $node
    ->id() . '/edit');
  $this
    ->assertSession()
    ->fieldValueEquals($term_key, $edit[$term_key] . ' (' . $this->term
    ->id() . ')');

  // Check with two new terms on the edit form, additionally to the existing
  // one.
  $edit = [];
  $newterm1 = $this
    ->randomMachineName(8);
  $newterm2 = $this
    ->randomMachineName(8);
  $edit[$term_key] = $this->term
    ->getName() . ', ' . $newterm1 . ', ' . $newterm2;
  $this
    ->drupalGet('node/' . $node
    ->id() . '/edit');
  $this
    ->submitForm($edit, 'Preview');
  $this
    ->assertSession()
    ->responseContains('>' . $newterm1 . '<');
  $this
    ->assertSession()
    ->responseContains('>' . $newterm2 . '<');

  // The first term should be displayed as link, the others not.
  $this
    ->assertSession()
    ->linkExists($this->term
    ->getName());
  $this
    ->assertSession()
    ->linkNotExists($newterm1);
  $this
    ->assertSession()
    ->linkNotExists($newterm2);
  $this
    ->drupalGet('node/' . $node
    ->id() . '/edit');
  $this
    ->submitForm($edit, 'Save');

  // Check with one more new term, keeping old terms, removing the existing
  // one.
  $edit = [];
  $newterm3 = $this
    ->randomMachineName(8);
  $edit[$term_key] = $newterm1 . ', ' . $newterm3 . ', ' . $newterm2;
  $this
    ->drupalGet('node/' . $node
    ->id() . '/edit');
  $this
    ->submitForm($edit, 'Preview');
  $this
    ->assertSession()
    ->responseContains('>' . $newterm1 . '<');
  $this
    ->assertSession()
    ->responseContains('>' . $newterm2 . '<');
  $this
    ->assertSession()
    ->responseContains('>' . $newterm3 . '<');
  $this
    ->assertSession()
    ->pageTextNotContains($this->term
    ->getName());
  $this
    ->assertSession()
    ->linkExists($newterm1);
  $this
    ->assertSession()
    ->linkExists($newterm2);
  $this
    ->assertSession()
    ->linkNotExists($newterm3);

  // Check that editing an existing node after it has been previewed and not
  // saved doesn't remember the previous changes.
  $edit = [
    $title_key => $this
      ->randomMachineName(8),
  ];
  $this
    ->drupalGet('node/' . $node
    ->id() . '/edit');
  $this
    ->submitForm($edit, 'Preview');
  $this
    ->assertSession()
    ->pageTextContains($edit[$title_key]);
  $this
    ->clickLink('Back to content editing');
  $this
    ->assertSession()
    ->fieldValueEquals($title_key, $edit[$title_key]);

  // Navigate away from the node without saving.
  $this
    ->drupalGet('<front>');

  // Go back to the edit form, the title should have its initial value.
  $this
    ->drupalGet('node/' . $node
    ->id() . '/edit');
  $this
    ->assertSession()
    ->fieldValueEquals($title_key, $node
    ->label());

  // Check with required preview.
  $node_type = NodeType::load('page');
  $node_type
    ->setPreviewMode(DRUPAL_REQUIRED);
  $node_type
    ->save();
  $this
    ->drupalGet('node/add/page');
  $this
    ->assertSession()
    ->responseNotContains('edit-submit');
  $this
    ->drupalGet('node/add/page');
  $this
    ->submitForm([
    $title_key => 'Preview',
  ], 'Preview');
  $this
    ->clickLink('Back to content editing');
  $this
    ->assertSession()
    ->responseContains('edit-submit');

  // Check that destination is remembered when clicking on preview. When going
  // back to the edit form and clicking save, we should go back to the
  // original destination, if set.
  $destination = 'node';
  $this
    ->drupalGet($node
    ->toUrl('edit-form'), [
    'query' => [
      'destination' => $destination,
    ],
  ]);
  $this
    ->submitForm([], 'Preview');
  $parameters = [
    'node_preview' => $node
      ->uuid(),
    'view_mode_id' => 'full',
  ];
  $options = [
    'absolute' => TRUE,
    'query' => [
      'destination' => $destination,
    ],
  ];
  $this
    ->assertSession()
    ->addressEquals(Url::fromRoute('entity.node.preview', $parameters, $options));
  $this
    ->submitForm([
    'view_mode' => 'teaser',
  ], 'Switch');
  $this
    ->clickLink('Back to content editing');
  $this
    ->submitForm([], 'Save');
  $this
    ->assertSession()
    ->addressEquals($destination);

  // Check that preview page works as expected without a destination set.
  $this
    ->drupalGet($node
    ->toUrl('edit-form'));
  $this
    ->submitForm([], 'Preview');
  $parameters = [
    'node_preview' => $node
      ->uuid(),
    'view_mode_id' => 'full',
  ];
  $this
    ->assertSession()
    ->addressEquals(Url::fromRoute('entity.node.preview', $parameters));
  $this
    ->submitForm([
    'view_mode' => 'teaser',
  ], 'Switch');
  $this
    ->clickLink('Back to content editing');
  $this
    ->submitForm([], 'Save');
  $this
    ->assertSession()
    ->addressEquals($node
    ->toUrl());
  $this
    ->assertSession()
    ->statusCodeEquals(200);

  /** @var \Drupal\Core\File\FileSystemInterface $file_system */
  $file_system = \Drupal::service('file_system');

  // Assert multiple items can be added and are not lost when previewing.
  $test_image_1 = current($this
    ->drupalGetTestFiles('image', 39325));
  $edit_image_1['files[field_image_0][]'] = $file_system
    ->realpath($test_image_1->uri);
  $test_image_2 = current($this
    ->drupalGetTestFiles('image', 39325));
  $edit_image_2['files[field_image_1][]'] = $file_system
    ->realpath($test_image_2->uri);
  $edit['field_image[0][alt]'] = 'Alt 1';
  $this
    ->drupalGet('node/add/page');
  $this
    ->submitForm($edit_image_1, 'Upload');
  $this
    ->submitForm($edit, 'Preview');
  $this
    ->clickLink('Back to content editing');
  $this
    ->assertSession()
    ->fieldExists('files[field_image_1][]');
  $this
    ->submitForm($edit_image_2, 'Upload');
  $this
    ->assertSession()
    ->fieldNotExists('files[field_image_1][]');
  $title = 'node_test_title';
  $example_text_1 = 'example_text_preview_1';
  $example_text_2 = 'example_text_preview_2';
  $example_text_3 = 'example_text_preview_3';
  $this
    ->drupalGet('node/add/page');
  $edit = [
    'title[0][value]' => $title,
    'field_test_multi[0][value]' => $example_text_1,
  ];
  $this
    ->assertSession()
    ->pageTextContains('Storage is not set');
  $this
    ->submitForm($edit, 'Preview');
  $this
    ->clickLink('Back to content editing');
  $this
    ->assertSession()
    ->pageTextContains('Storage is set');
  $this
    ->assertSession()
    ->fieldExists('field_test_multi[0][value]');
  $this
    ->submitForm([], 'Save');
  $this
    ->assertSession()
    ->pageTextContains('Basic page ' . $title . ' has been created.');
  $node = $this
    ->drupalGetNodeByTitle($title);
  $this
    ->drupalGet('node/' . $node
    ->id() . '/edit');
  $this
    ->getSession()
    ->getPage()
    ->pressButton('Add another item');
  $this
    ->getSession()
    ->getPage()
    ->pressButton('Add another item');
  $edit = [
    'field_test_multi[1][value]' => $example_text_2,
    'field_test_multi[2][value]' => $example_text_3,
  ];
  $this
    ->submitForm($edit, 'Preview');
  $this
    ->clickLink('Back to content editing');
  $this
    ->submitForm($edit, 'Preview');
  $this
    ->clickLink('Back to content editing');
  $this
    ->assertSession()
    ->fieldValueEquals('field_test_multi[0][value]', $example_text_1);
  $this
    ->assertSession()
    ->fieldValueEquals('field_test_multi[1][value]', $example_text_2);
  $this
    ->assertSession()
    ->fieldValueEquals('field_test_multi[2][value]', $example_text_3);

  // Now save the node and make sure all values got saved.
  $this
    ->submitForm([], 'Save');
  $this
    ->assertSession()
    ->pageTextContains($example_text_1);
  $this
    ->assertSession()
    ->pageTextContains($example_text_2);
  $this
    ->assertSession()
    ->pageTextContains($example_text_3);

  // Edit again, change the menu_ui settings and click on preview.
  $this
    ->drupalGet('node/' . $node
    ->id() . '/edit');
  $edit = [
    'menu[enabled]' => TRUE,
    'menu[title]' => 'Changed title',
  ];
  $this
    ->submitForm($edit, 'Preview');
  $this
    ->clickLink('Back to content editing');
  $this
    ->assertSession()
    ->checkboxChecked('edit-menu-enabled');
  $this
    ->assertSession()
    ->fieldValueEquals('menu[title]', 'Changed title');

  // Save, change the title while saving and make sure that it is correctly
  // saved.
  $edit = [
    'menu[enabled]' => TRUE,
    'menu[title]' => 'Second title change',
  ];
  $this
    ->submitForm($edit, 'Save');
  $this
    ->drupalGet('node/' . $node
    ->id() . '/edit');
  $this
    ->assertSession()
    ->fieldValueEquals('menu[title]', 'Second title change');
}