PagePreviewTest.php 20 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475
  1. <?php
  2. namespace Drupal\node\Tests;
  3. use Drupal\comment\Tests\CommentTestTrait;
  4. use Drupal\Core\Field\FieldStorageDefinitionInterface;
  5. use Drupal\Core\Language\LanguageInterface;
  6. use Drupal\Core\Url;
  7. use Drupal\field\Tests\EntityReference\EntityReferenceTestTrait;
  8. use Drupal\field\Entity\FieldConfig;
  9. use Drupal\field\Entity\FieldStorageConfig;
  10. use Drupal\node\Entity\NodeType;
  11. use Drupal\taxonomy\Entity\Term;
  12. use Drupal\taxonomy\Entity\Vocabulary;
  13. /**
  14. * Tests the node entity preview functionality.
  15. *
  16. * @group node
  17. */
  18. class PagePreviewTest extends NodeTestBase {
  19. use EntityReferenceTestTrait;
  20. use CommentTestTrait;
  21. /**
  22. * Enable the comment, node and taxonomy modules to test on the preview.
  23. *
  24. * @var array
  25. */
  26. public static $modules = ['node', 'taxonomy', 'comment', 'image', 'file', 'text', 'node_test', 'menu_ui'];
  27. /**
  28. * The name of the created field.
  29. *
  30. * @var string
  31. */
  32. protected $fieldName;
  33. protected function setUp() {
  34. parent::setUp();
  35. $this->addDefaultCommentField('node', 'page');
  36. $web_user = $this->drupalCreateUser(['edit own page content', 'create page content', 'administer menu']);
  37. $this->drupalLogin($web_user);
  38. // Add a vocabulary so we can test different view modes.
  39. $vocabulary = Vocabulary::create([
  40. 'name' => $this->randomMachineName(),
  41. 'description' => $this->randomMachineName(),
  42. 'vid' => $this->randomMachineName(),
  43. 'langcode' => LanguageInterface::LANGCODE_NOT_SPECIFIED,
  44. 'help' => '',
  45. ]);
  46. $vocabulary->save();
  47. $this->vocabulary = $vocabulary;
  48. // Add a term to the vocabulary.
  49. $term = Term::create([
  50. 'name' => $this->randomMachineName(),
  51. 'description' => $this->randomMachineName(),
  52. 'vid' => $this->vocabulary->id(),
  53. 'langcode' => LanguageInterface::LANGCODE_NOT_SPECIFIED,
  54. ]);
  55. $term->save();
  56. $this->term = $term;
  57. // Create an image field.
  58. FieldStorageConfig::create([
  59. 'field_name' => 'field_image',
  60. 'entity_type' => 'node',
  61. 'type' => 'image',
  62. 'settings' => [],
  63. 'cardinality' => FieldStorageConfig::CARDINALITY_UNLIMITED,
  64. ])->save();
  65. $field_config = FieldConfig::create([
  66. 'field_name' => 'field_image',
  67. 'label' => 'Images',
  68. 'entity_type' => 'node',
  69. 'bundle' => 'page',
  70. 'required' => FALSE,
  71. 'settings' => [],
  72. ]);
  73. $field_config->save();
  74. // Create a field.
  75. $this->fieldName = mb_strtolower($this->randomMachineName());
  76. $handler_settings = [
  77. 'target_bundles' => [
  78. $this->vocabulary->id() => $this->vocabulary->id(),
  79. ],
  80. 'auto_create' => TRUE,
  81. ];
  82. $this->createEntityReferenceField('node', 'page', $this->fieldName, 'Tags', 'taxonomy_term', 'default', $handler_settings, FieldStorageDefinitionInterface::CARDINALITY_UNLIMITED);
  83. entity_get_form_display('node', 'page', 'default')
  84. ->setComponent($this->fieldName, [
  85. 'type' => 'entity_reference_autocomplete_tags',
  86. ])
  87. ->save();
  88. // Show on default display and teaser.
  89. entity_get_display('node', 'page', 'default')
  90. ->setComponent($this->fieldName, [
  91. 'type' => 'entity_reference_label',
  92. ])
  93. ->save();
  94. entity_get_display('node', 'page', 'teaser')
  95. ->setComponent($this->fieldName, [
  96. 'type' => 'entity_reference_label',
  97. ])
  98. ->save();
  99. entity_get_form_display('node', 'page', 'default')
  100. ->setComponent('field_image', [
  101. 'type' => 'image_image',
  102. 'settings' => [],
  103. ])
  104. ->save();
  105. entity_get_display('node', 'page', 'default')
  106. ->setComponent('field_image')
  107. ->save();
  108. // Create a multi-value text field.
  109. $field_storage = FieldStorageConfig::create([
  110. 'field_name' => 'field_test_multi',
  111. 'entity_type' => 'node',
  112. 'cardinality' => FieldStorageDefinitionInterface::CARDINALITY_UNLIMITED,
  113. 'type' => 'text',
  114. 'settings' => [
  115. 'max_length' => 50,
  116. ],
  117. ]);
  118. $field_storage->save();
  119. FieldConfig::create([
  120. 'field_storage' => $field_storage,
  121. 'bundle' => 'page',
  122. ])->save();
  123. entity_get_form_display('node', 'page', 'default')
  124. ->setComponent('field_test_multi', [
  125. 'type' => 'text_textfield',
  126. ])
  127. ->save();
  128. entity_get_display('node', 'page', 'default')
  129. ->setComponent('field_test_multi', [
  130. 'type' => 'string',
  131. ])
  132. ->save();
  133. }
  134. /**
  135. * Checks the node preview functionality.
  136. */
  137. public function testPagePreview() {
  138. $title_key = 'title[0][value]';
  139. $body_key = 'body[0][value]';
  140. $term_key = $this->fieldName . '[target_id]';
  141. // Fill in node creation form and preview node.
  142. $edit = [];
  143. $edit[$title_key] = '<em>' . $this->randomMachineName(8) . '</em>';
  144. $edit[$body_key] = $this->randomMachineName(16);
  145. $edit[$term_key] = $this->term->getName();
  146. // Upload an image.
  147. $test_image = current($this->drupalGetTestFiles('image', 39325));
  148. $edit['files[field_image_0][]'] = \Drupal::service('file_system')->realpath($test_image->uri);
  149. $this->drupalPostForm('node/add/page', $edit, t('Upload'));
  150. // Add an alt tag and preview the node.
  151. $this->drupalPostForm(NULL, ['field_image[0][alt]' => 'Picture of llamas'], t('Preview'));
  152. // Check that the preview is displaying the title, body and term.
  153. $this->assertTitle(t('@title | Drupal', ['@title' => $edit[$title_key]]), 'Basic page title is preview.');
  154. $this->assertEscaped($edit[$title_key], 'Title displayed and escaped.');
  155. $this->assertText($edit[$body_key], 'Body displayed.');
  156. $this->assertText($edit[$term_key], 'Term displayed.');
  157. $this->assertLink(t('Back to content editing'));
  158. // Check that we see the class of the node type on the body element.
  159. $body_class_element = $this->xpath("//body[contains(@class, 'page-node-type-page')]");
  160. $this->assertTrue(!empty($body_class_element), 'Node type body class found.');
  161. // Get the UUID.
  162. $url = parse_url($this->getUrl());
  163. $paths = explode('/', $url['path']);
  164. $view_mode = array_pop($paths);
  165. $uuid = array_pop($paths);
  166. // Switch view mode. We'll remove the body from the teaser view mode.
  167. entity_get_display('node', 'page', 'teaser')
  168. ->removeComponent('body')
  169. ->save();
  170. $view_mode_edit = ['view_mode' => 'teaser'];
  171. $this->drupalPostForm('node/preview/' . $uuid . '/full', $view_mode_edit, t('Switch'));
  172. $this->assertRaw('view-mode-teaser', 'View mode teaser class found.');
  173. $this->assertNoText($edit[$body_key], 'Body not displayed.');
  174. // Check that the title, body and term fields are displayed with the
  175. // values after going back to the content edit page.
  176. $this->clickLink(t('Back to content editing'));
  177. $this->assertFieldByName($title_key, $edit[$title_key], 'Title field displayed.');
  178. $this->assertFieldByName($body_key, $edit[$body_key], 'Body field displayed.');
  179. $this->assertFieldByName($term_key, $edit[$term_key], 'Term field displayed.');
  180. $this->assertFieldByName('field_image[0][alt]', 'Picture of llamas');
  181. $this->drupalPostAjaxForm(NULL, [], ['field_test_multi_add_more' => t('Add another item')], NULL, [], [], 'node-page-form');
  182. $this->assertFieldByName('field_test_multi[0][value]');
  183. $this->assertFieldByName('field_test_multi[1][value]');
  184. // Return to page preview to check everything is as expected.
  185. $this->drupalPostForm(NULL, [], t('Preview'));
  186. $this->assertTitle(t('@title | Drupal', ['@title' => $edit[$title_key]]), 'Basic page title is preview.');
  187. $this->assertEscaped($edit[$title_key], 'Title displayed and escaped.');
  188. $this->assertText($edit[$body_key], 'Body displayed.');
  189. $this->assertText($edit[$term_key], 'Term displayed.');
  190. $this->assertLink(t('Back to content editing'));
  191. // Assert the content is kept when reloading the page.
  192. $this->drupalGet('node/add/page', ['query' => ['uuid' => $uuid]]);
  193. $this->assertFieldByName($title_key, $edit[$title_key], 'Title field displayed.');
  194. $this->assertFieldByName($body_key, $edit[$body_key], 'Body field displayed.');
  195. $this->assertFieldByName($term_key, $edit[$term_key], 'Term field displayed.');
  196. // Save the node - this is a new POST, so we need to upload the image.
  197. $this->drupalPostForm('node/add/page', $edit, t('Upload'));
  198. $this->drupalPostForm(NULL, ['field_image[0][alt]' => 'Picture of llamas'], t('Save'));
  199. $node = $this->drupalGetNodeByTitle($edit[$title_key]);
  200. // Check the term was displayed on the saved node.
  201. $this->drupalGet('node/' . $node->id());
  202. $this->assertText($edit[$term_key], 'Term displayed.');
  203. // Check the term appears again on the edit form.
  204. $this->drupalGet('node/' . $node->id() . '/edit');
  205. $this->assertFieldByName($term_key, $edit[$term_key] . ' (' . $this->term->id() . ')', 'Term field displayed.');
  206. // Check with two new terms on the edit form, additionally to the existing
  207. // one.
  208. $edit = [];
  209. $newterm1 = $this->randomMachineName(8);
  210. $newterm2 = $this->randomMachineName(8);
  211. $edit[$term_key] = $this->term->getName() . ', ' . $newterm1 . ', ' . $newterm2;
  212. $this->drupalPostForm('node/' . $node->id() . '/edit', $edit, t('Preview'));
  213. $this->assertRaw('>' . $newterm1 . '<', 'First new term displayed.');
  214. $this->assertRaw('>' . $newterm2 . '<', 'Second new term displayed.');
  215. // The first term should be displayed as link, the others not.
  216. $this->assertLink($this->term->getName());
  217. $this->assertNoLink($newterm1);
  218. $this->assertNoLink($newterm2);
  219. $this->drupalPostForm('node/' . $node->id() . '/edit', $edit, t('Save'));
  220. // Check with one more new term, keeping old terms, removing the existing
  221. // one.
  222. $edit = [];
  223. $newterm3 = $this->randomMachineName(8);
  224. $edit[$term_key] = $newterm1 . ', ' . $newterm3 . ', ' . $newterm2;
  225. $this->drupalPostForm('node/' . $node->id() . '/edit', $edit, t('Preview'));
  226. $this->assertRaw('>' . $newterm1 . '<', 'First existing term displayed.');
  227. $this->assertRaw('>' . $newterm2 . '<', 'Second existing term displayed.');
  228. $this->assertRaw('>' . $newterm3 . '<', 'Third new term displayed.');
  229. $this->assertNoText($this->term->getName());
  230. $this->assertLink($newterm1);
  231. $this->assertLink($newterm2);
  232. $this->assertNoLink($newterm3);
  233. // Check that editing an existing node after it has been previewed and not
  234. // saved doesn't remember the previous changes.
  235. $edit = [
  236. $title_key => $this->randomMachineName(8),
  237. ];
  238. $this->drupalPostForm('node/' . $node->id() . '/edit', $edit, t('Preview'));
  239. $this->assertText($edit[$title_key], 'New title displayed.');
  240. $this->clickLink(t('Back to content editing'));
  241. $this->assertFieldByName($title_key, $edit[$title_key], 'New title value displayed.');
  242. // Navigate away from the node without saving.
  243. $this->drupalGet('<front>');
  244. // Go back to the edit form, the title should have its initial value.
  245. $this->drupalGet('node/' . $node->id() . '/edit');
  246. $this->assertFieldByName($title_key, $node->label(), 'Correct title value displayed.');
  247. // Check with required preview.
  248. $node_type = NodeType::load('page');
  249. $node_type->setPreviewMode(DRUPAL_REQUIRED);
  250. $node_type->save();
  251. $this->drupalGet('node/add/page');
  252. $this->assertNoRaw('edit-submit');
  253. $this->drupalPostForm('node/add/page', [$title_key => 'Preview'], t('Preview'));
  254. $this->clickLink(t('Back to content editing'));
  255. $this->assertRaw('edit-submit');
  256. // Check that destination is remembered when clicking on preview. When going
  257. // back to the edit form and clicking save, we should go back to the
  258. // original destination, if set.
  259. $destination = 'node';
  260. $this->drupalPostForm($node->toUrl('edit-form'), [], t('Preview'), ['query' => ['destination' => $destination]]);
  261. $parameters = ['node_preview' => $node->uuid(), 'view_mode_id' => 'full'];
  262. $options = ['absolute' => TRUE, 'query' => ['destination' => $destination]];
  263. $this->assertUrl(Url::fromRoute('entity.node.preview', $parameters, $options));
  264. $this->drupalPostForm(NULL, ['view_mode' => 'teaser'], t('Switch'));
  265. $this->clickLink(t('Back to content editing'));
  266. $this->drupalPostForm(NULL, [], t('Save'));
  267. $this->assertUrl($destination);
  268. // Check that preview page works as expected without a destination set.
  269. $this->drupalPostForm($node->toUrl('edit-form'), [], t('Preview'));
  270. $parameters = ['node_preview' => $node->uuid(), 'view_mode_id' => 'full'];
  271. $this->assertUrl(Url::fromRoute('entity.node.preview', $parameters, ['absolute' => TRUE]));
  272. $this->drupalPostForm(NULL, ['view_mode' => 'teaser'], t('Switch'));
  273. $this->clickLink(t('Back to content editing'));
  274. $this->drupalPostForm(NULL, [], t('Save'));
  275. $this->assertUrl($node->toUrl());
  276. $this->assertResponse(200);
  277. /** @var \Drupal\Core\File\FileSystemInterface $file_system */
  278. $file_system = \Drupal::service('file_system');
  279. // Assert multiple items can be added and are not lost when previewing.
  280. $test_image_1 = current($this->drupalGetTestFiles('image', 39325));
  281. $edit_image_1['files[field_image_0][]'] = $file_system->realpath($test_image_1->uri);
  282. $test_image_2 = current($this->drupalGetTestFiles('image', 39325));
  283. $edit_image_2['files[field_image_1][]'] = $file_system->realpath($test_image_2->uri);
  284. $edit['field_image[0][alt]'] = 'Alt 1';
  285. $this->drupalPostForm('node/add/page', $edit_image_1, t('Upload'));
  286. $this->drupalPostForm(NULL, $edit, t('Preview'));
  287. $this->clickLink(t('Back to content editing'));
  288. $this->assertFieldByName('files[field_image_1][]');
  289. $this->drupalPostForm(NULL, $edit_image_2, t('Upload'));
  290. $this->assertNoFieldByName('files[field_image_1][]');
  291. $title = 'node_test_title';
  292. $example_text_1 = 'example_text_preview_1';
  293. $example_text_2 = 'example_text_preview_2';
  294. $example_text_3 = 'example_text_preview_3';
  295. $this->drupalGet('node/add/page');
  296. $edit = [
  297. 'title[0][value]' => $title,
  298. 'field_test_multi[0][value]' => $example_text_1,
  299. ];
  300. $this->assertRaw('Storage is not set');
  301. $this->drupalPostForm(NULL, $edit, t('Preview'));
  302. $this->clickLink(t('Back to content editing'));
  303. $this->assertRaw('Storage is set');
  304. $this->assertFieldByName('field_test_multi[0][value]');
  305. $this->drupalPostForm(NULL, [], t('Save'));
  306. $this->assertText('Basic page ' . $title . ' has been created.');
  307. $node = $this->drupalGetNodeByTitle($title);
  308. $this->drupalGet('node/' . $node->id() . '/edit');
  309. $this->drupalPostAjaxForm(NULL, [], ['field_test_multi_add_more' => t('Add another item')]);
  310. $this->drupalPostAjaxForm(NULL, [], ['field_test_multi_add_more' => t('Add another item')]);
  311. $edit = [
  312. 'field_test_multi[1][value]' => $example_text_2,
  313. 'field_test_multi[2][value]' => $example_text_3,
  314. ];
  315. $this->drupalPostForm(NULL, $edit, t('Preview'));
  316. $this->clickLink(t('Back to content editing'));
  317. $this->drupalPostForm(NULL, $edit, t('Preview'));
  318. $this->clickLink(t('Back to content editing'));
  319. $this->assertFieldByName('field_test_multi[0][value]', $example_text_1);
  320. $this->assertFieldByName('field_test_multi[1][value]', $example_text_2);
  321. $this->assertFieldByName('field_test_multi[2][value]', $example_text_3);
  322. // Now save the node and make sure all values got saved.
  323. $this->drupalPostForm(NULL, [], t('Save'));
  324. $this->assertText($example_text_1);
  325. $this->assertText($example_text_2);
  326. $this->assertText($example_text_3);
  327. // Edit again, change the menu_ui settings and click on preview.
  328. $this->drupalGet('node/' . $node->id() . '/edit');
  329. $edit = [
  330. 'menu[enabled]' => TRUE,
  331. 'menu[title]' => 'Changed title',
  332. ];
  333. $this->drupalPostForm(NULL, $edit, t('Preview'));
  334. $this->clickLink(t('Back to content editing'));
  335. $this->assertFieldChecked('edit-menu-enabled', 'Menu option is still checked');
  336. $this->assertFieldByName('menu[title]', 'Changed title', 'Menu link title is correct after preview');
  337. // Save, change the title while saving and make sure that it is correctly
  338. // saved.
  339. $edit = [
  340. 'menu[enabled]' => TRUE,
  341. 'menu[title]' => 'Second title change',
  342. ];
  343. $this->drupalPostForm(NULL, $edit, t('Save'));
  344. $this->drupalGet('node/' . $node->id() . '/edit');
  345. $this->assertFieldByName('menu[title]', 'Second title change', 'Menu link title is correct after saving');
  346. }
  347. /**
  348. * Checks the node preview functionality, when using revisions.
  349. */
  350. public function testPagePreviewWithRevisions() {
  351. $title_key = 'title[0][value]';
  352. $body_key = 'body[0][value]';
  353. $term_key = $this->fieldName . '[target_id]';
  354. // Force revision on "Basic page" content.
  355. $node_type = NodeType::load('page');
  356. $node_type->setNewRevision(TRUE);
  357. $node_type->save();
  358. // Fill in node creation form and preview node.
  359. $edit = [];
  360. $edit[$title_key] = $this->randomMachineName(8);
  361. $edit[$body_key] = $this->randomMachineName(16);
  362. $edit[$term_key] = $this->term->id();
  363. $edit['revision_log[0][value]'] = $this->randomString(32);
  364. $this->drupalPostForm('node/add/page', $edit, t('Preview'));
  365. // Check that the preview is displaying the title, body and term.
  366. $this->assertTitle(t('@title | Drupal', ['@title' => $edit[$title_key]]), 'Basic page title is preview.');
  367. $this->assertText($edit[$title_key], 'Title displayed.');
  368. $this->assertText($edit[$body_key], 'Body displayed.');
  369. $this->assertText($edit[$term_key], 'Term displayed.');
  370. // Check that the title and body fields are displayed with the correct
  371. // values after going back to the content edit page.
  372. $this->clickLink(t('Back to content editing')); $this->assertFieldByName($title_key, $edit[$title_key], 'Title field displayed.');
  373. $this->assertFieldByName($body_key, $edit[$body_key], 'Body field displayed.');
  374. $this->assertFieldByName($term_key, $edit[$term_key], 'Term field displayed.');
  375. // Check that the revision log field has the correct value.
  376. $this->assertFieldByName('revision_log[0][value]', $edit['revision_log[0][value]'], 'Revision log field displayed.');
  377. // Save the node after coming back from the preview page so we can create a
  378. // pending revision for it.
  379. $this->drupalPostForm(NULL, [], t('Save'));
  380. $node = $this->drupalGetNodeByTitle($edit[$title_key]);
  381. // Check that previewing a pending revision of a node works. This can not be
  382. // accomplished through the UI so we have to use API calls.
  383. // @todo Change this test to use the UI when we will be able to create
  384. // pending revisions in core.
  385. // @see https://www.drupal.org/node/2725533
  386. $node->setNewRevision(TRUE);
  387. $node->isDefaultRevision(FALSE);
  388. /** @var \Drupal\Core\Controller\ControllerResolverInterface $controller_resolver */
  389. $controller_resolver = \Drupal::service('controller_resolver');
  390. $node_preview_controller = $controller_resolver->getControllerFromDefinition('\Drupal\node\Controller\NodePreviewController::view');
  391. $node_preview_controller($node, 'full');
  392. }
  393. /**
  394. * Checks the node preview accessible for simultaneous node editing.
  395. */
  396. public function testSimultaneousPreview() {
  397. $title_key = 'title[0][value]';
  398. $node = $this->drupalCreateNode([]);
  399. $edit = [$title_key => 'New page title'];
  400. $this->drupalPostForm('node/' . $node->id() . '/edit', $edit, t('Preview'));
  401. $this->assertText($edit[$title_key]);
  402. $user2 = $this->drupalCreateUser(['edit any page content']);
  403. $this->drupalLogin($user2);
  404. $this->drupalGet('node/' . $node->id() . '/edit');
  405. $this->assertFieldByName($title_key, $node->label(), 'No title leaked from previous user.');
  406. $edit2 = [$title_key => 'Another page title'];
  407. $this->drupalPostForm('node/' . $node->id() . '/edit', $edit2, t('Preview'));
  408. $this->assertUrl(\Drupal::url('entity.node.preview', ['node_preview' => $node->uuid(), 'view_mode_id' => 'full'], ['absolute' => TRUE]));
  409. $this->assertText($edit2[$title_key]);
  410. }
  411. }