--- /dev/null
+<?php
+
+namespace Drupal\Tests\node\Functional;
+
+use Drupal\comment\Tests\CommentTestTrait;
+use Drupal\Core\Field\FieldStorageDefinitionInterface;
+use Drupal\Core\Language\LanguageInterface;
+use Drupal\Core\Url;
+use Drupal\field\Entity\FieldConfig;
+use Drupal\field\Entity\FieldStorageConfig;
+use Drupal\node\Entity\NodeType;
+use Drupal\taxonomy\Entity\Term;
+use Drupal\taxonomy\Entity\Vocabulary;
+use Drupal\Tests\field\Traits\EntityReferenceTestTrait;
+use Drupal\Tests\TestFileCreationTrait;
+
+/**
+ * Tests the node entity preview functionality.
+ *
+ * @group node
+ */
+class PagePreviewTest extends NodeTestBase {
+
+ use EntityReferenceTestTrait;
+ use CommentTestTrait;
+ use TestFileCreationTrait {
+ getTestFiles as drupalGetTestFiles;
+ }
+
+ /**
+ * Enable the comment, node and taxonomy modules to test on the preview.
+ *
+ * @var array
+ */
+ public static $modules = ['node', 'taxonomy', 'comment', 'image', 'file', 'text', 'node_test', 'menu_ui'];
+
+ /**
+ * The name of the created field.
+ *
+ * @var string
+ */
+ protected $fieldName;
+
+ protected function setUp() {
+ parent::setUp();
+ $this->addDefaultCommentField('node', 'page');
+
+ $web_user = $this->drupalCreateUser(['edit own page content', 'create page content', 'administer menu']);
+ $this->drupalLogin($web_user);
+
+ // Add a vocabulary so we can test different view modes.
+ $vocabulary = Vocabulary::create([
+ 'name' => $this->randomMachineName(),
+ 'description' => $this->randomMachineName(),
+ 'vid' => $this->randomMachineName(),
+ 'langcode' => LanguageInterface::LANGCODE_NOT_SPECIFIED,
+ 'help' => '',
+ ]);
+ $vocabulary->save();
+
+ $this->vocabulary = $vocabulary;
+
+ // Add a term to the vocabulary.
+ $term = Term::create([
+ 'name' => $this->randomMachineName(),
+ 'description' => $this->randomMachineName(),
+ 'vid' => $this->vocabulary->id(),
+ 'langcode' => LanguageInterface::LANGCODE_NOT_SPECIFIED,
+ ]);
+ $term->save();
+
+ $this->term = $term;
+
+ // Create an image field.
+ FieldStorageConfig::create([
+ 'field_name' => 'field_image',
+ 'entity_type' => 'node',
+ 'type' => 'image',
+ 'settings' => [],
+ 'cardinality' => FieldStorageConfig::CARDINALITY_UNLIMITED,
+ ])->save();
+
+ $field_config = FieldConfig::create([
+ 'field_name' => 'field_image',
+ 'label' => 'Images',
+ 'entity_type' => 'node',
+ 'bundle' => 'page',
+ 'required' => FALSE,
+ 'settings' => [],
+ ]);
+ $field_config->save();
+
+ // Create a field.
+ $this->fieldName = mb_strtolower($this->randomMachineName());
+ $handler_settings = [
+ 'target_bundles' => [
+ $this->vocabulary->id() => $this->vocabulary->id(),
+ ],
+ 'auto_create' => TRUE,
+ ];
+ $this->createEntityReferenceField('node', 'page', $this->fieldName, 'Tags', 'taxonomy_term', 'default', $handler_settings, FieldStorageDefinitionInterface::CARDINALITY_UNLIMITED);
+
+ entity_get_form_display('node', 'page', 'default')
+ ->setComponent($this->fieldName, [
+ 'type' => 'entity_reference_autocomplete_tags',
+ ])
+ ->save();
+
+ // Show on default display and teaser.
+ entity_get_display('node', 'page', 'default')
+ ->setComponent($this->fieldName, [
+ 'type' => 'entity_reference_label',
+ ])
+ ->save();
+ entity_get_display('node', 'page', 'teaser')
+ ->setComponent($this->fieldName, [
+ 'type' => 'entity_reference_label',
+ ])
+ ->save();
+
+ entity_get_form_display('node', 'page', 'default')
+ ->setComponent('field_image', [
+ 'type' => 'image_image',
+ 'settings' => [],
+ ])
+ ->save();
+
+ entity_get_display('node', 'page', 'default')
+ ->setComponent('field_image')
+ ->save();
+
+ // Create a multi-value text field.
+ $field_storage = FieldStorageConfig::create([
+ 'field_name' => 'field_test_multi',
+ 'entity_type' => 'node',
+ 'cardinality' => FieldStorageDefinitionInterface::CARDINALITY_UNLIMITED,
+ 'type' => 'text',
+ 'settings' => [
+ 'max_length' => 50,
+ ],
+ ]);
+ $field_storage->save();
+ FieldConfig::create([
+ 'field_storage' => $field_storage,
+ 'bundle' => 'page',
+ ])->save();
+
+ entity_get_form_display('node', 'page', 'default')
+ ->setComponent('field_test_multi', [
+ 'type' => 'text_textfield',
+ ])
+ ->save();
+
+ entity_get_display('node', 'page', 'default')
+ ->setComponent('field_test_multi', [
+ 'type' => 'string',
+ ])
+ ->save();
+ }
+
+ /**
+ * Checks the node preview functionality.
+ */
+ 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->drupalPostForm('node/add/page', $edit, t('Upload'));
+
+ // Add an alt tag and preview the node.
+ $this->drupalPostForm(NULL, ['field_image[0][alt]' => 'Picture of llamas'], t('Preview'));
+
+ // Check that the preview is displaying the title, body and term.
+ $expected_title = $edit[$title_key] . ' | Drupal';
+ $this->assertSession()->titleEquals($expected_title);
+ $this->assertEscaped($edit[$title_key], 'Title displayed and escaped.');
+ $this->assertText($edit[$body_key], 'Body displayed.');
+ $this->assertText($edit[$term_key], 'Term displayed.');
+ $this->assertLink(t('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.
+ entity_get_display('node', 'page', 'teaser')
+ ->removeComponent('body')
+ ->save();
+
+ $view_mode_edit = ['view_mode' => 'teaser'];
+ $this->drupalPostForm('node/preview/' . $uuid . '/full', $view_mode_edit, t('Switch'));
+ $this->assertRaw('view-mode-teaser', 'View mode teaser class found.');
+ $this->assertNoText($edit[$body_key], 'Body not displayed.');
+
+ // Check that the title, body and term fields are displayed with the
+ // values after going back to the content edit page.
+ $this->clickLink(t('Back to content editing'));
+ $this->assertFieldByName($title_key, $edit[$title_key], 'Title field displayed.');
+ $this->assertFieldByName($body_key, $edit[$body_key], 'Body field displayed.');
+ $this->assertFieldByName($term_key, $edit[$term_key], 'Term field displayed.');
+ $this->assertFieldByName('field_image[0][alt]', 'Picture of llamas');
+ $this->getSession()->getPage()->pressButton('Add another item');
+ $this->assertFieldByName('field_test_multi[0][value]');
+ $this->assertFieldByName('field_test_multi[1][value]');
+
+ // Return to page preview to check everything is as expected.
+ $this->drupalPostForm(NULL, [], t('Preview'));
+ $this->assertSession()->titleEquals($expected_title);
+ $this->assertEscaped($edit[$title_key], 'Title displayed and escaped.');
+ $this->assertText($edit[$body_key], 'Body displayed.');
+ $this->assertText($edit[$term_key], 'Term displayed.');
+ $this->assertLink(t('Back to content editing'));
+
+ // Assert the content is kept when reloading the page.
+ $this->drupalGet('node/add/page', ['query' => ['uuid' => $uuid]]);
+ $this->assertFieldByName($title_key, $edit[$title_key], 'Title field displayed.');
+ $this->assertFieldByName($body_key, $edit[$body_key], 'Body field displayed.');
+ $this->assertFieldByName($term_key, $edit[$term_key], 'Term field displayed.');
+
+ // Save the node - this is a new POST, so we need to upload the image.
+ $this->drupalPostForm('node/add/page', $edit, t('Upload'));
+ $this->drupalPostForm(NULL, ['field_image[0][alt]' => 'Picture of llamas'], t('Save'));
+ $node = $this->drupalGetNodeByTitle($edit[$title_key]);
+
+ // Check the term was displayed on the saved node.
+ $this->drupalGet('node/' . $node->id());
+ $this->assertText($edit[$term_key], 'Term displayed.');
+
+ // Check the term appears again on the edit form.
+ $this->drupalGet('node/' . $node->id() . '/edit');
+ $this->assertFieldByName($term_key, $edit[$term_key] . ' (' . $this->term->id() . ')', 'Term field displayed.');
+
+ // 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->drupalPostForm('node/' . $node->id() . '/edit', $edit, t('Preview'));
+ $this->assertRaw('>' . $newterm1 . '<', 'First new term displayed.');
+ $this->assertRaw('>' . $newterm2 . '<', 'Second new term displayed.');
+ // The first term should be displayed as link, the others not.
+ $this->assertLink($this->term->getName());
+ $this->assertNoLink($newterm1);
+ $this->assertNoLink($newterm2);
+
+ $this->drupalPostForm('node/' . $node->id() . '/edit', $edit, t('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->drupalPostForm('node/' . $node->id() . '/edit', $edit, t('Preview'));
+ $this->assertRaw('>' . $newterm1 . '<', 'First existing term displayed.');
+ $this->assertRaw('>' . $newterm2 . '<', 'Second existing term displayed.');
+ $this->assertRaw('>' . $newterm3 . '<', 'Third new term displayed.');
+ $this->assertNoText($this->term->getName());
+ $this->assertLink($newterm1);
+ $this->assertLink($newterm2);
+ $this->assertNoLink($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->drupalPostForm('node/' . $node->id() . '/edit', $edit, t('Preview'));
+ $this->assertText($edit[$title_key], 'New title displayed.');
+ $this->clickLink(t('Back to content editing'));
+ $this->assertFieldByName($title_key, $edit[$title_key], 'New title value displayed.');
+ // 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->assertFieldByName($title_key, $node->label(), 'Correct title value displayed.');
+
+ // Check with required preview.
+ $node_type = NodeType::load('page');
+ $node_type->setPreviewMode(DRUPAL_REQUIRED);
+ $node_type->save();
+ $this->drupalGet('node/add/page');
+ $this->assertNoRaw('edit-submit');
+ $this->drupalPostForm('node/add/page', [$title_key => 'Preview'], t('Preview'));
+ $this->clickLink(t('Back to content editing'));
+ $this->assertRaw('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->drupalPostForm($node->toUrl('edit-form'), [], t('Preview'), ['query' => ['destination' => $destination]]);
+ $parameters = ['node_preview' => $node->uuid(), 'view_mode_id' => 'full'];
+ $options = ['absolute' => TRUE, 'query' => ['destination' => $destination]];
+ $this->assertUrl(Url::fromRoute('entity.node.preview', $parameters, $options));
+ $this->drupalPostForm(NULL, ['view_mode' => 'teaser'], t('Switch'));
+ $this->clickLink(t('Back to content editing'));
+ $this->drupalPostForm(NULL, [], t('Save'));
+ $this->assertUrl($destination);
+
+ // Check that preview page works as expected without a destination set.
+ $this->drupalPostForm($node->toUrl('edit-form'), [], t('Preview'));
+ $parameters = ['node_preview' => $node->uuid(), 'view_mode_id' => 'full'];
+ $this->assertUrl(Url::fromRoute('entity.node.preview', $parameters, ['absolute' => TRUE]));
+ $this->drupalPostForm(NULL, ['view_mode' => 'teaser'], t('Switch'));
+ $this->clickLink(t('Back to content editing'));
+ $this->drupalPostForm(NULL, [], t('Save'));
+ $this->assertUrl($node->toUrl());
+ $this->assertResponse(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->drupalPostForm('node/add/page', $edit_image_1, t('Upload'));
+ $this->drupalPostForm(NULL, $edit, t('Preview'));
+ $this->clickLink(t('Back to content editing'));
+ $this->assertFieldByName('files[field_image_1][]');
+ $this->drupalPostForm(NULL, $edit_image_2, t('Upload'));
+ $this->assertNoFieldByName('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->assertRaw('Storage is not set');
+ $this->drupalPostForm(NULL, $edit, t('Preview'));
+ $this->clickLink(t('Back to content editing'));
+ $this->assertRaw('Storage is set');
+ $this->assertFieldByName('field_test_multi[0][value]');
+ $this->drupalPostForm(NULL, [], t('Save'));
+ $this->assertText('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->drupalPostForm(NULL, $edit, t('Preview'));
+ $this->clickLink(t('Back to content editing'));
+ $this->drupalPostForm(NULL, $edit, t('Preview'));
+ $this->clickLink(t('Back to content editing'));
+ $this->assertFieldByName('field_test_multi[0][value]', $example_text_1);
+ $this->assertFieldByName('field_test_multi[1][value]', $example_text_2);
+ $this->assertFieldByName('field_test_multi[2][value]', $example_text_3);
+
+ // Now save the node and make sure all values got saved.
+ $this->drupalPostForm(NULL, [], t('Save'));
+ $this->assertText($example_text_1);
+ $this->assertText($example_text_2);
+ $this->assertText($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->drupalPostForm(NULL, $edit, t('Preview'));
+ $this->clickLink(t('Back to content editing'));
+ $this->assertFieldChecked('edit-menu-enabled', 'Menu option is still checked');
+ $this->assertFieldByName('menu[title]', 'Changed title', 'Menu link title is correct after preview');
+
+ // Save, change the title while saving and make sure that it is correctly
+ // saved.
+ $edit = [
+ 'menu[enabled]' => TRUE,
+ 'menu[title]' => 'Second title change',
+ ];
+ $this->drupalPostForm(NULL, $edit, t('Save'));
+ $this->drupalGet('node/' . $node->id() . '/edit');
+ $this->assertFieldByName('menu[title]', 'Second title change', 'Menu link title is correct after saving');
+
+ }
+
+ /**
+ * Checks the node preview functionality, when using revisions.
+ */
+ public function testPagePreviewWithRevisions() {
+ $title_key = 'title[0][value]';
+ $body_key = 'body[0][value]';
+ $term_key = $this->fieldName . '[target_id]';
+ // Force revision on "Basic page" content.
+ $node_type = NodeType::load('page');
+ $node_type->setNewRevision(TRUE);
+ $node_type->save();
+
+ // Fill in node creation form and preview node.
+ $edit = [];
+ $edit[$title_key] = $this->randomMachineName(8);
+ $edit[$body_key] = $this->randomMachineName(16);
+ $edit[$term_key] = $this->term->id();
+ $edit['revision_log[0][value]'] = $this->randomString(32);
+ $this->drupalPostForm('node/add/page', $edit, t('Preview'));
+
+ // Check that the preview is displaying the title, body and term.
+ $this->assertTitle(t('@title | Drupal', ['@title' => $edit[$title_key]]), 'Basic page title is preview.');
+ $this->assertText($edit[$title_key], 'Title displayed.');
+ $this->assertText($edit[$body_key], 'Body displayed.');
+ $this->assertText($edit[$term_key], 'Term displayed.');
+
+ // Check that the title and body fields are displayed with the correct
+ // values after going back to the content edit page.
+ $this->clickLink(t('Back to content editing')); $this->assertFieldByName($title_key, $edit[$title_key], 'Title field displayed.');
+ $this->assertFieldByName($body_key, $edit[$body_key], 'Body field displayed.');
+ $this->assertFieldByName($term_key, $edit[$term_key], 'Term field displayed.');
+
+ // Check that the revision log field has the correct value.
+ $this->assertFieldByName('revision_log[0][value]', $edit['revision_log[0][value]'], 'Revision log field displayed.');
+
+ // Save the node after coming back from the preview page so we can create a
+ // pending revision for it.
+ $this->drupalPostForm(NULL, [], t('Save'));
+ $node = $this->drupalGetNodeByTitle($edit[$title_key]);
+
+ // Check that previewing a pending revision of a node works. This can not be
+ // accomplished through the UI so we have to use API calls.
+ // @todo Change this test to use the UI when we will be able to create
+ // pending revisions in core.
+ // @see https://www.drupal.org/node/2725533
+ $node->setNewRevision(TRUE);
+ $node->isDefaultRevision(FALSE);
+
+ /** @var \Drupal\Core\Controller\ControllerResolverInterface $controller_resolver */
+ $controller_resolver = \Drupal::service('controller_resolver');
+ $node_preview_controller = $controller_resolver->getControllerFromDefinition('\Drupal\node\Controller\NodePreviewController::view');
+ $node_preview_controller($node, 'full');
+ }
+
+ /**
+ * Checks the node preview accessible for simultaneous node editing.
+ */
+ public function testSimultaneousPreview() {
+ $title_key = 'title[0][value]';
+ $node = $this->drupalCreateNode([]);
+
+ $edit = [$title_key => 'New page title'];
+ $this->drupalPostForm('node/' . $node->id() . '/edit', $edit, t('Preview'));
+ $this->assertText($edit[$title_key]);
+
+ $user2 = $this->drupalCreateUser(['edit any page content']);
+ $this->drupalLogin($user2);
+ $this->drupalGet('node/' . $node->id() . '/edit');
+ $this->assertFieldByName($title_key, $node->label(), 'No title leaked from previous user.');
+
+ $edit2 = [$title_key => 'Another page title'];
+ $this->drupalPostForm('node/' . $node->id() . '/edit', $edit2, t('Preview'));
+ $this->assertUrl(\Drupal::url('entity.node.preview', ['node_preview' => $node->uuid(), 'view_mode_id' => 'full'], ['absolute' => TRUE]));
+ $this->assertText($edit2[$title_key]);
+ }
+
+}