Version 1
[yaffs-website] / web / modules / contrib / paragraphs / src / Tests / Classic / ParagraphsTranslationTest.php
diff --git a/web/modules/contrib/paragraphs/src/Tests/Classic/ParagraphsTranslationTest.php b/web/modules/contrib/paragraphs/src/Tests/Classic/ParagraphsTranslationTest.php
new file mode 100644 (file)
index 0000000..68e9570
--- /dev/null
@@ -0,0 +1,837 @@
+<?php
+
+namespace Drupal\paragraphs\Tests\Classic;
+
+use Drupal\Component\Render\FormattableMarkup;
+use Drupal\Core\Entity\Entity\EntityFormDisplay;
+use Drupal\Core\Language\LanguageInterface;
+use Drupal\paragraphs\Entity\Paragraph;
+use Drupal\node\Entity\Node;
+
+/**
+ * Tests the configuration of paragraphs.
+ *
+ * @group paragraphs
+ */
+class ParagraphsTranslationTest extends ParagraphsTestBase {
+
+  /**
+   * Modules to enable.
+   *
+   * @var array
+   */
+  public static $modules = array(
+    'paragraphs_demo',
+    'content_translation',
+    'link',
+  );
+
+  /**
+   * A user with admin permissions.
+   *
+   * @var array
+   */
+  protected $admin_user;
+
+  /**
+   * {@inheritdoc}
+   */
+  protected function setUp() {
+    parent::setUp();
+    $this->loginAsAdmin([
+      'administer site configuration',
+      'create paragraphed_content_demo content',
+      'edit any paragraphed_content_demo content',
+      'delete any paragraphed_content_demo content',
+      'administer content translation',
+      'translate any entity',
+      'create content translations',
+      'administer languages',
+    ]);
+    $edit = [
+      'settings[paragraph][nested_paragraph][translatable]' => TRUE,
+      'settings[paragraph][nested_paragraph][settings][language][language_alterable]' => TRUE,
+      'settings[paragraph][images][fields][field_images_demo]' => TRUE,
+    ];
+    $this->drupalPostForm('admin/config/regional/content-language', $edit, t('Save configuration'));
+  }
+
+  /**
+   * Tests the paragraph translation.
+   */
+  public function testParagraphTranslation() {
+    $this->drupalGet('admin/config/regional/content-language');
+
+    // Check the settings are saved correctly.
+    $this->assertFieldChecked('edit-entity-types-paragraph');
+    $this->assertFieldChecked('edit-settings-node-paragraphed-content-demo-translatable');
+    $this->assertFieldChecked('edit-settings-paragraph-text-image-translatable');
+    $this->assertFieldChecked('edit-settings-paragraph-images-columns-field-images-demo-alt');
+    $this->assertFieldChecked('edit-settings-paragraph-images-columns-field-images-demo-title');
+
+    // Set the form display to classic.
+    $form_display = EntityFormDisplay::load('node.paragraphed_content_demo.default')
+      ->setComponent('field_paragraphs_demo', ['type' => 'entity_reference_paragraphs']);
+    $form_display->save();
+
+    // Check if the publish/unpublish option works.
+    $this->drupalGet('admin/structure/paragraphs_type/text_image/form-display');
+    $edit = array(
+      'fields[status][type]' => 'boolean_checkbox',
+      'fields[status][region]' => 'content',
+    );
+
+    $this->drupalPostForm(NULL, $edit, t('Save'));
+    $this->drupalGet('node/add/paragraphed_content_demo');
+    $this->drupalPostForm(NULL, NULL, t('Add Text + Image'));
+    $this->assertRaw('edit-field-paragraphs-demo-0-subform-status-value');
+    $edit = [
+      'title[0][value]' => 'example_publish_unpublish',
+      'field_paragraphs_demo[0][subform][field_text_demo][0][value]' => 'Example published and unpublished',
+    ];
+    $this->drupalPostForm(NULL, $edit, t('Save and publish'));
+    $this->assertText(t('Example published and unpublished'));
+    $this->clickLink(t('Edit'));
+
+    $this->drupalPostAjaxForm(NULL, NULL, 'field_paragraphs_demo_nested_paragraph_add_more');
+    $this->drupalPostAjaxForm(NULL, NULL, 'field_paragraphs_demo_1_subform_field_paragraphs_demo_text_add_more');
+    $edit = [
+      'field_paragraphs_demo[0][subform][status][value]' => FALSE,
+      'field_paragraphs_demo[1][subform][field_paragraphs_demo][0][subform][field_text_demo][0][value]' => 'Dummy text'
+    ];
+    $this->drupalPostForm(NULL, $edit, t('Save and keep published'));
+    $this->assertNoText(t('Example published and unpublished'));
+
+    // Check the parent fields are set properly. Get the node.
+    $node = $this->drupalGetNodeByTitle('example_publish_unpublish');
+    // Loop over the paragraphs of the node.
+    foreach ($node->field_paragraphs_demo->referencedEntities() as $paragraph) {
+      $node_paragraph = Paragraph::load($paragraph->id())->toArray();
+      // Check if the fields are set properly.
+      $this->assertEqual($node_paragraph['parent_id'][0]['value'], $node->id());
+      $this->assertEqual($node_paragraph['parent_type'][0]['value'], 'node');
+      $this->assertEqual($node_paragraph['parent_field_name'][0]['value'], 'field_paragraphs_demo');
+      // If the paragraph is nested type load the child.
+      if ($node_paragraph['type'][0]['target_id'] == 'nested_paragraph') {
+        $nested_paragraph = Paragraph::load($node_paragraph['field_paragraphs_demo'][0]['target_id'])->toArray();
+        // Check if the fields are properly set.
+        $this->assertEqual($nested_paragraph['parent_id'][0]['value'], $paragraph->id());
+        $this->assertEqual($nested_paragraph['parent_type'][0]['value'], 'paragraph');
+        $this->assertEqual($nested_paragraph['parent_field_name'][0]['value'], 'field_paragraphs_demo');
+      }
+    }
+
+    // Add paragraphed content.
+    $this->drupalGet('node/add/paragraphed_content_demo');
+    $this->drupalPostForm(NULL, NULL, t('Add Text + Image'));
+    $edit = array(
+      'title[0][value]' => 'Title in english',
+      'field_paragraphs_demo[0][subform][field_text_demo][0][value]' => 'Text in english',
+    );
+    // The button to remove a paragraph is present.
+    $this->assertRaw(t('Remove'));
+    $this->drupalPostForm(NULL, $edit, t('Save and publish'));
+    $node = $this->drupalGetNodeByTitle('Title in english');
+    // The text is present when editing again.
+    $this->clickLink(t('Edit'));
+    $this->assertText('Title in english');
+    $this->assertText('Text in english');
+
+    // Add french translation.
+    $this->clickLink(t('Translate'));
+    $this->clickLink(t('Add'), 1);
+    // Make sure the Add / Remove paragraph buttons are hidden.
+    $this->assertNoRaw(t('Remove'));
+    $this->assertNoRaw(t('Add Text + Image'));
+    // Make sure that the original paragraph text is displayed.
+    $this->assertText('Text in english');
+
+    $edit = array(
+      'title[0][value]' => 'Title in french',
+      'field_paragraphs_demo[0][subform][field_text_demo][0][value]' => 'Text in french',
+      'revision' => TRUE,
+      'revision_log[0][value]' => 'french 1',
+    );
+    $this->drupalPostForm(NULL, $edit, t('Save and keep published (this translation)'));
+    $this->assertText('Paragraphed article Title in french has been updated.');
+
+    // Check the english translation.
+    $this->drupalGet('node/' . $node->id());
+    $this->assertText('Title in english');
+    $this->assertText('Text in english');
+    $this->assertNoText('Title in french');
+    $this->assertNoText('Text in french');
+
+    // Check the french translation.
+    $this->drupalGet('fr/node/' . $node->id());
+    $this->assertText('Title in french');
+    $this->assertText('Text in french');
+    $this->assertNoText('Title in english');
+    // The translation is still present when editing again.
+    $this->clickLink(t('Edit'));
+    $this->assertText('Title in french');
+    $this->assertText('Text in french');
+    $edit = array(
+      'title[0][value]' => 'Title Change in french',
+      'field_paragraphs_demo[0][subform][field_text_demo][0][value]' => 'New text in french',
+      'revision' => TRUE,
+      'revision_log[0][value]' => 'french 2',
+    );
+    $this->drupalPostForm(NULL, $edit, t('Save and keep published (this translation)'));
+    $this->assertText('Title Change in french');
+    $this->assertText('New text in french');
+
+    // Back to the source language.
+    $this->drupalGet('node/' . $node->id());
+    $this->clickLink(t('Edit'));
+    $this->assertText('Title in english');
+    $this->assertText('Text in english');
+    // Save the original content on second request.
+    $this->drupalPostForm(NULL, NULL, t('Save and keep published (this translation)'));
+    $this->assertText('Paragraphed article Title in english has been updated.');
+
+    // Test if reverting to old paragraphs revisions works, make sure that
+    // the reverted node can be saved again.
+    $this->drupalGet('fr/node/' . $node->id() . '/revisions');
+    $this->clickLink(t('Revert'));
+    $this->drupalPostForm(NULL, ['revert_untranslated_fields' => TRUE], t('Revert'));
+    $this->clickLink(t('Edit'));
+    $this->assertRaw('Title in french');
+    $this->assertText('Text in french');
+    $this->drupalPostForm(NULL, [], t('Save and keep published (this translation)'));
+    $this->assertNoRaw('The content has either been modified by another user, or you have already submitted modifications');
+    $this->assertText('Text in french');
+
+    //Add paragraphed content with untranslatable language
+    $this->drupalGet('node/add/paragraphed_content_demo');
+    $edit = array('langcode[0][value]' => LanguageInterface::LANGCODE_NOT_SPECIFIED);
+    $this->drupalPostForm(NULL, $edit, t('Add Text + Image'));
+    $this->assertResponse(200);
+
+    // Make 'Images' paragraph field translatable, enable alt and title fields.
+    $this->drupalGet('admin/structure/paragraphs_type/images/fields');
+    $this->clickLink('Edit');
+    $edit = [
+      'translatable' => 1,
+      'settings[alt_field]' => 1,
+      'settings[title_field]' => 1,
+    ];
+    $this->drupalPostForm(NULL, $edit, t('Save settings'));
+
+    // Create a node with an image paragraph, its alt and title text.
+    $text = 'Trust me I\'m an image';
+    file_put_contents('temporary://Image.jpg', $text);
+    $file_path = $this->container->get('file_system')->realpath('temporary://Image.jpg');
+    $this->drupalGet('node/add/paragraphed_content_demo');
+    $this->drupalPostForm(NULL, [], t('Add Images'));
+    $this->drupalPostForm(NULL, ['files[field_paragraphs_demo_0_subform_field_images_demo_0][]' => $file_path], t('Upload'));
+    $edit = [
+      'title[0][value]' => 'Title EN',
+      'field_paragraphs_demo[0][subform][field_images_demo][0][alt]' => 'Image alt',
+      'field_paragraphs_demo[0][subform][field_images_demo][0][title]' => 'Image title',
+      'field_paragraphs_demo[0][subform][field_images_demo][0][width]' => 100,
+      'field_paragraphs_demo[0][subform][field_images_demo][0][height]' => 100,
+    ];
+    $this->drupalPostForm(NULL, $edit, t('Save and publish'));
+
+    // Translate the node with the image paragraph.
+    $this->clickLink('Translate');
+    $this->clickLink(t('Add'), 1);
+    $edit = [
+      'title[0][value]' => 'Title FR',
+      'field_paragraphs_demo[0][subform][field_images_demo][0][alt]' => 'Image alt FR',
+      'field_paragraphs_demo[0][subform][field_images_demo][0][title]' => 'Image title FR',
+    ];
+    $this->drupalPostForm(NULL, $edit, t('Save and keep published (this translation)'));
+    $this->assertRaw('Title FR');
+
+    $this->drupalGet('node/add/paragraphed_content_demo');
+    $this->drupalPostForm(NULL, [], t('Add Text'));
+    $edit = [
+      'field_paragraphs_demo[0][subform][field_text_demo][0][value]' => 'texto',
+      'title[0][value]' => 'titulo',
+      'langcode[0][value]' => 'de',
+    ];
+    $this->drupalPostForm(NULL, $edit, t('Save and publish'));
+    $node = $this->drupalGetNodeByTitle('titulo');
+    $this->assertParagraphsLangcode($node->id(), 'de');
+
+    // Test langcode matching when Paragraphs and node have different language.
+    $paragraph_1 = Paragraph::create([
+      'title' => 'Paragraph',
+      'type' => 'text',
+      'langcode' => 'en',
+      'field_text_demo' => 'english_text_1',
+    ]);
+    $paragraph_1->save();
+
+    $paragraph_2 = Paragraph::create([
+      'title' => 'Paragraph',
+      'type' => 'text',
+      'langcode' => 'en',
+      'field_text_demo' => 'english_text_2',
+    ]);
+    $paragraph_2->save();
+
+    $paragraph_data = $paragraph_2->toArray();
+    $paragraph_data['field_text_demo'] = 'german_text_2';
+    $paragraph_2->addTranslation('de', $paragraph_data);
+    $paragraph_2->save();
+    $translated_paragraph = $paragraph_2->getTranslation('en');
+
+    $node = $this->createNode([
+      'langcode' => 'de',
+      'type' => 'paragraphed_content_demo',
+      'field_paragraphs_demo' => [$paragraph_1, $translated_paragraph],
+    ]);
+    $this->drupalGet('node/' . $node->id() . '/edit');
+    $this->drupalPostForm(NULL, [], t('Save and keep published'));
+    $this->assertText('Paragraphed article ' . $node->label() . ' has been updated.');
+    // Check that first paragraph langcode has been updated.
+    $paragraph = Paragraph::load($paragraph_1->id());
+    $this->assertEqual($paragraph->language()->getId(), 'de');
+    $this->assertFalse($paragraph->hasTranslation('en'));
+    // Check that second paragraph has two translations.
+    $paragraph = Paragraph::load($paragraph_2->id());
+    $this->assertTrue($paragraph->hasTranslation('de'));
+    $this->assertTrue($paragraph->hasTranslation('en'));
+    $this->assertRaw('german_text');
+
+    // Create an english translation of the node.
+    $edit = [
+      'field_paragraphs_demo[0][subform][field_text_demo][0][value]' => 'english_translation_1',
+      'field_paragraphs_demo[1][subform][field_text_demo][0][value]' => 'english_translation_2',
+    ];
+    $this->drupalPostForm('node/' . $node->id() . '/translations/add/de/en', $edit, t('Save and keep published (this translation)'));
+    // Attempt to create a french translation.
+    $this->drupalGet('node/' . $node->id() . '/translations/add/de/fr');
+    // Check that the german translation of the paragraphs is displayed.
+    $this->assertFieldByName('field_paragraphs_demo[0][subform][field_text_demo][0][value]', 'english_text_1');
+    $this->assertFieldByName('field_paragraphs_demo[1][subform][field_text_demo][0][value]', 'german_text_2');
+    $this->drupalPostForm(NULL, ['source_langcode[source]' => 'en'], t('Change'));
+    // Check that the english translation of the paragraphs is displayed.
+    $this->assertFieldByName('field_paragraphs_demo[0][subform][field_text_demo][0][value]', 'english_translation_1');
+    $this->assertFieldByName('field_paragraphs_demo[1][subform][field_text_demo][0][value]', 'english_translation_2');
+
+    // Create a node with empty Paragraphs.
+    $this->drupalGet('node/add/paragraphed_content_demo');
+    $this->drupalPostForm(NULL, [], t('Add Nested Paragraph'));
+    $this->drupalPostForm(NULL, ['title[0][value]' => 'empty_node'], t('Save and publish'));
+    // Attempt to translate it.
+    $this->clickLink(t('Translate'));
+    $this->clickLink(t('Add'));
+    // Check the add button is not displayed.
+    $this->assertEqual(count($this->xpath('//*[@name="field_paragraphs_demo_0_subform_field_paragraphs_demo_images_add_more"]')), 0);
+
+    // Add a non translatable field to Text Paragraph type.
+    $edit = [
+      'new_storage_type' => 'text_long',
+      'label' => 'untranslatable_field',
+      'field_name' => 'untranslatable_field',
+    ];
+    $this->drupalPostForm('admin/structure/paragraphs_type/text/fields/add-field', $edit, t('Save and continue'));
+    $this->drupalPostForm(NULL, [], t('Save field settings'));
+    $this->drupalPostForm(NULL, [], t('Save settings'));
+
+    // Add a non translatable reference field.
+    $edit = [
+      'new_storage_type' => 'field_ui:entity_reference:node',
+      'label' => 'untranslatable_ref_field',
+      'field_name' => 'untranslatable_ref_field',
+    ];
+    $this->drupalPostForm('admin/structure/paragraphs_type/text/fields/add-field', $edit, t('Save and continue'));
+    $this->drupalPostForm(NULL, [], t('Save field settings'));
+    $this->drupalPostForm(NULL, ['settings[handler_settings][target_bundles][paragraphed_content_demo]' => TRUE], t('Save settings'));
+
+    // Add a non translatable link field.
+    $edit = [
+      'new_storage_type' => 'link',
+      'label' => 'untranslatable_link_field',
+      'field_name' => 'untranslatable_link_field',
+    ];
+    $this->drupalPostForm('admin/structure/paragraphs_type/text/fields/add-field', $edit, t('Save and continue'));
+    $this->drupalPostForm(NULL, [], t('Save field settings'));
+    $this->drupalPostForm(NULL, [], t('Save settings'));
+
+    // Attempt to add a translation.
+    $this->drupalGet('node/' . $node->id() . '/translations/add/de/fr');
+    $this->assertText('untranslatable_field (all languages)');
+    $this->assertText('untranslatable_ref_field (all languages)');
+    $this->assertText('untranslatable_link_field (all languages)');
+    $this->assertNoText('Text (all languages)');
+
+    // Enable translations for the reference and link field.
+    $edit = [
+      'translatable' => TRUE,
+    ];
+    $this->drupalPostForm('admin/structure/paragraphs_type/text/fields/paragraph.text.field_untranslatable_ref_field', $edit, t('Save settings'));
+    $this->drupalPostForm('admin/structure/paragraphs_type/text/fields/paragraph.text.field_untranslatable_link_field', $edit, t('Save settings'));
+
+    // Attempt to add a translation.
+    $this->drupalGet('node/' . $node->id() . '/translations/add/de/fr');
+    $this->assertText('untranslatable_field (all languages)');
+    $this->assertNoText('untranslatable_link_field (all languages)');
+    $this->assertNoText('untranslatable_ref_field (all languages)');
+    $this->assertNoText('Text (all languages)');
+  }
+
+  /**
+   * Tests the paragraph buttons presence in translation multilingual workflow.
+   *
+   * This test covers the following test cases:
+   * 1) original node langcode in EN, translate in FR, change to DE.
+   * 2) original node langcode in DE, change site langcode to DE, change node
+   *    langcode to EN.
+   */
+  public function testParagraphTranslationMultilingual() {
+    // Case 1: original node langcode in EN, translate in FR, change to DE.
+
+    // Set the form display to classic.
+    $form_display = EntityFormDisplay::load('node.paragraphed_content_demo.default')
+      ->setComponent('field_paragraphs_demo', ['type' => 'entity_reference_paragraphs']);
+    $form_display->save();
+
+    // Add 'Images' paragraph and check the paragraphs buttons are displayed.
+    $this->drupalGet('node/add/paragraphed_content_demo');
+    $this->drupalPostForm(NULL, NULL, t('Add Images'));
+    $this->assertParagraphsButtons(1);
+    // Upload an image and check the paragraphs buttons are still displayed.
+    $images = $this->drupalGetTestFiles('image')[0];
+    $edit = [
+      'title[0][value]' => 'Title in english',
+      'files[field_paragraphs_demo_0_subform_field_images_demo_0][]' => $images->uri,
+    ];
+    $this->drupalPostForm(NULL, $edit, t('Upload'));
+    $this->assertParagraphsButtons(1);
+    $this->drupalPostForm(NULL, NULL, t('Save and publish'));
+    $this->assertText('Title in english');
+    $node = $this->drupalGetNodeByTitle('Title in english');
+    // Check the paragraph langcode is 'en'.
+    $this->assertParagraphsLangcode($node->id());
+
+    // Add french translation.
+    $this->clickLink(t('Translate'));
+    $this->clickLink(t('Add'), 1);
+    // Make sure the host entity and its paragraphs have valid source language
+    // and check that the paragraphs buttons are hidden.
+    $this->assertNoParagraphsButtons(1);
+    $edit = [
+      'title[0][value]' => 'Title in french',
+    ];
+    $this->drupalPostForm(NULL, $edit, t('Save and keep published (this translation)'));
+    $this->assertParagraphsLangcode($node->id(), 'en', 'fr');
+    $this->assertText('Paragraphed article Title in french has been updated.');
+    $this->assertText('Title in french');
+    $this->assertNoText('Title in english');
+    // Check the original node and the paragraph langcode is still 'en'.
+    $this->assertParagraphsLangcode($node->id());
+
+    // Edit the french translation and upload a new image.
+    $this->clickLink('Edit');
+    $images = $this->drupalGetTestFiles('image')[1];
+    $this->drupalPostForm(NULL, [
+      'files[field_paragraphs_demo_0_subform_field_images_demo_1][]' => $images->uri,
+    ], t('Upload'));
+    // Check editing a translation does not affect the source langcode and
+    // check that the paragraphs buttons are still hidden.
+    $this->assertParagraphsLangcode($node->id(), 'en', 'fr');
+    $this->assertNoParagraphsButtons(1);
+    $this->drupalPostForm(NULL, NULL, t('Save and keep published (this translation)'));
+    $this->assertText('Title in french');
+    $this->assertNoText('Title in english');
+
+    // Back to the original node.
+    $this->drupalGet('node/' . $node->id());
+    $this->assertText('Title in english');
+    $this->assertNoText('Title in french');
+    // Check the original node and the paragraph langcode are still 'en' and
+    // check that the paragraphs buttons are still displayed.
+    $this->clickLink('Edit');
+    $this->assertParagraphsLangcode($node->id());
+    $this->assertParagraphsButtons(1);
+    // Change the node langcode to 'german', add a 'Nested Paragraph', check
+    // the paragraphs langcode are still 'en' and their buttons are displayed.
+    $edit = [
+      'title[0][value]' => 'Title in english (de)',
+      'langcode[0][value]' => 'de',
+    ];
+    $this->drupalPostForm(NULL, $edit, t('Add Nested Paragraph'));
+    $this->assertParagraphsLangcode($node->id());
+    $this->assertParagraphsButtons(2);
+    // Add an 'Images' paragraph inside the nested one, check the paragraphs
+    // langcode are still 'en' and the paragraphs buttons are still displayed.
+    $this->drupalPostAjaxForm(NULL, NULL, 'field_paragraphs_demo_1_subform_field_paragraphs_demo_images_add_more');
+    $this->assertParagraphsLangcode($node->id());
+    $this->assertParagraphsButtons(2);
+    // Upload a new image, check the paragraphs langcode are still 'en' and the
+    // paragraphs buttons are displayed.
+    $images = $this->drupalGetTestFiles('image')[2];
+    $this->drupalPostForm(NULL, [
+      'files[field_paragraphs_demo_1_subform_field_paragraphs_demo_0_subform_field_images_demo_0][]' => $images->uri,
+    ], t('Upload'));
+    $this->assertParagraphsLangcode($node->id());
+    $this->assertParagraphsButtons(2);
+    $this->drupalPostForm(NULL, NULL, t('Save and keep published (this translation)'));
+    $this->assertText('Title in english (de)');
+    $this->assertNoText('Title in french');
+    // Check the original node and the paragraphs langcode are now 'de'.
+    $this->assertParagraphsLangcode($node->id(), 'de');
+
+    // Check the french translation.
+    $this->drupalGet('fr/node/' . $node->id());
+    $this->assertText('Title in french');
+    $this->assertNoText('Title in english (de)');
+    // Check editing a translation does not affect the source langcode and
+    // check that the paragraphs buttons are still hidden.
+    $this->clickLink('Edit');
+    $this->assertParagraphsLangcode($node->id(), 'de', 'fr');
+    $this->assertNoParagraphsButtons(2);
+
+    // Case 2: original node langcode in DE, change site langcode to DE, change
+    // node langcode to EN.
+
+    // Change the site langcode to french.
+    $this->drupalPostForm('admin/config/regional/language', [
+      'site_default_language' => 'fr',
+    ], t('Save configuration'));
+
+    // Check the original node and its paragraphs langcode are still 'de'
+    // and the paragraphs buttons are still displayed.
+    $this->drupalGet('node/' . $node->id() . '/edit');
+    $this->assertParagraphsLangcode($node->id(), 'de');
+    $this->assertParagraphsButtons(2);
+
+    // Go to the french translation.
+    $this->drupalGet('node/' . $node->id() . '/translations');
+    $this->clickLink(t('Edit'), 1);
+    // Check editing a translation does not affect the source langcode and
+    // check that the paragraphs buttons are still hidden.
+    $this->assertParagraphsLangcode($node->id(), 'de', 'fr');
+    $this->assertNoParagraphsButtons(2);
+    // Upload another image.
+    $images = $this->drupalGetTestFiles('image')[3];
+    $this->drupalPostForm(NULL, [
+      'files[field_paragraphs_demo_1_subform_field_paragraphs_demo_0_subform_field_images_demo_1][]' => $images->uri,
+    ], t('Upload'));
+    // Check editing a translation does not affect the source langcode and
+    // check that the paragraphs buttons are still hidden.
+    $this->assertParagraphsLangcode($node->id(), 'de', 'fr');
+    $this->assertNoParagraphsButtons(2);
+    $this->drupalPostForm(NULL, NULL, t('Save and keep published (this translation)'));
+    // Check the paragraphs langcode are still 'de' after saving the translation.
+    $this->assertParagraphsLangcode($node->id(), 'de', 'fr');
+    $this->assertText('Title in french');
+    $this->assertNoText('Title in english (de)');
+
+    // Back to the original node.
+    $this->drupalGet('node/' . $node->id());
+    $this->assertText('Title in english (de)');
+    $this->assertNoText('Title in french');
+    // Check the original node and the paragraphs langcode are still 'de' and
+    // check that the paragraphs buttons are still displayed.
+    $this->clickLink('Edit');
+    $this->assertParagraphsLangcode($node->id(), 'de');
+    $this->assertParagraphsButtons(2);
+    // Change the node langcode back to 'english', add an 'Images' paragraph,
+    // check the paragraphs langcode are still 'de' and their buttons are shown.
+    $edit = [
+      'title[0][value]' => 'Title in english',
+      'langcode[0][value]' => 'en',
+    ];
+    $this->drupalPostForm(NULL, $edit, t('Add Images'));
+    $this->assertParagraphsLangcode($node->id(), 'de');
+    $this->assertParagraphsButtons(3);
+    // Upload a new image, check the paragraphs langcode are still 'de' and the
+    // paragraphs buttons are displayed.
+    $images = $this->drupalGetTestFiles('image')[4];
+    $this->drupalPostForm(NULL, [
+      'files[field_paragraphs_demo_2_subform_field_images_demo_0][]' => $images->uri,
+    ], t('Upload'));
+    $this->assertParagraphsLangcode($node->id(), 'de');
+    $this->assertParagraphsButtons(3);
+    $this->drupalPostForm(NULL, NULL, t('Save and keep published (this translation)'));
+    // Check the original node and the paragraphs langcode are now 'en'.
+    $this->assertParagraphsLangcode($node->id());
+  }
+
+  /**
+   * Tests the paragraphs buttons presence in multilingual workflow.
+   *
+   * This test covers the following test cases:
+   * 1) original node langcode in german, change to english.
+   * 2) original node langcode in english, change to german.
+   * 3) original node langcode in english, change site langcode to german,
+   *   change node langcode to german.
+   */
+  public function testParagraphsMultilingualWorkflow() {
+    // Case 1: Check the paragraphs buttons after changing the NODE language
+    // (original node langcode in GERMAN, default site langcode in english).
+
+    // Set the form display to classic.
+    $form_display = EntityFormDisplay::load('node.paragraphed_content_demo.default')
+      ->setComponent('field_paragraphs_demo', ['type' => 'entity_reference_paragraphs']);
+    $form_display->save();
+
+    // Create a node and check that the node langcode is 'english'.
+    $this->drupalGet('node/add/paragraphed_content_demo');
+    $this->assertOptionSelected('edit-langcode-0-value', 'en');
+    // Change the node langcode to 'german' and add a 'Nested Paragraph'.
+    $edit = [
+      'title[0][value]' => 'Title in german',
+      'langcode[0][value]' => 'de',
+    ];
+    $this->drupalPostForm(NULL, $edit, t('Add Nested Paragraph'));
+    // Check that the paragraphs buttons are displayed and add an 'Images'
+    // paragraph inside the nested paragraph.
+    $this->assertParagraphsButtons(1);
+    $this->drupalPostAjaxForm(NULL, NULL, 'field_paragraphs_demo_0_subform_field_paragraphs_demo_images_add_more');
+    // Upload an image and check the paragraphs buttons are still displayed.
+    $images = $this->drupalGetTestFiles('image')[0];
+    $this->drupalPostForm(NULL, [
+      'files[field_paragraphs_demo_0_subform_field_paragraphs_demo_0_subform_field_images_demo_0][]' => $images->uri,
+    ], t('Upload'));
+    $this->assertParagraphsButtons(1);
+    $this->drupalPostForm(NULL, NULL, t('Save and publish'));
+    $this->assertText('Title in german');
+    $node1 = $this->getNodeByTitle('Title in german');
+
+    // Check the paragraph langcode is 'de' and its buttons are displayed.
+    // @todo check for the nested children paragraphs buttons and langcode
+    // when it's supported.
+    $this->clickLink(t('Edit'));
+    $this->assertParagraphsLangcode($node1->id(), 'de');
+    $this->assertParagraphsButtons(1);
+    // Change the node langcode to 'english' and upload another image.
+    $images = $this->drupalGetTestFiles('image')[1];
+    $edit = [
+      'title[0][value]' => 'Title in german (en)',
+      'langcode[0][value]' => 'en',
+      'files[field_paragraphs_demo_0_subform_field_paragraphs_demo_0_subform_field_images_demo_1][]' => $images->uri,
+    ];
+    $this->drupalPostForm(NULL, $edit, t('Upload'));
+    // Check the paragraph langcode is still 'de' and its buttons are shown.
+    $this->assertParagraphsLangcode($node1->id(), 'de');
+    $this->assertParagraphsButtons(1);
+    $this->drupalPostForm(NULL, NULL, t('Save and keep published'));
+    // Check the paragraph langcode is now 'en' after saving.
+    $this->assertParagraphsLangcode($node1->id());
+
+    // Check the paragraph langcode is 'en' and its buttons are still shown.
+    $this->clickLink(t('Edit'));
+    $this->assertParagraphsLangcode($node1->id());
+    $this->assertParagraphsButtons(1);
+
+    // Case 2: Check the paragraphs buttons after changing the NODE language
+    // (original node langcode in ENGLISH, default site langcode in english).
+
+    // Create another node.
+    $this->drupalGet('node/add/paragraphed_content_demo');
+    // Check that the node langcode is 'english' and add a 'Nested Paragraph'.
+    $this->assertOptionSelected('edit-langcode-0-value', 'en');
+    $this->drupalPostForm(NULL, NULL, t('Add Nested Paragraph'));
+    // Check that the paragraphs buttons are displayed and add an 'Images'
+    // paragraph inside the nested paragraph.
+    $this->assertParagraphsButtons(1);
+    $this->drupalPostAjaxForm(NULL, NULL, 'field_paragraphs_demo_0_subform_field_paragraphs_demo_images_add_more');
+    // Upload an image and check the paragraphs buttons are still displayed.
+    $images = $this->drupalGetTestFiles('image')[0];
+    $edit = [
+      'title[0][value]' => 'Title in english',
+      'files[field_paragraphs_demo_0_subform_field_paragraphs_demo_0_subform_field_images_demo_0][]' => $images->uri,
+    ];
+    $this->drupalPostForm(NULL, $edit, t('Upload'));
+    $this->assertParagraphsButtons(1);
+    $this->drupalPostForm(NULL, NULL, t('Save and publish'));
+    $this->assertText('Title in english');
+    $node2 = $this->drupalGetNodeByTitle('Title in english');
+
+    // Check the paragraph langcode is 'en' and its buttons are displayed.
+    // @todo check for the nested children paragraphs buttons and langcode
+    // when it's supported.
+    $this->clickLink(t('Edit'));
+    $this->assertParagraphsLangcode($node2->id());
+    $this->assertParagraphsButtons(1);
+    // Change the node langcode to 'german' and add another 'Images' paragraph.
+    $edit = [
+      'title[0][value]' => 'Title in english (de)',
+      'langcode[0][value]' => 'de',
+    ];
+    $this->drupalPostForm(NULL, $edit, t('Add Images'));
+    // Check the paragraphs langcode are still 'en' and their buttons are shown.
+    $this->assertParagraphsLangcode($node2->id());
+    $this->assertParagraphsButtons(2);
+    // Upload an image, check the paragraphs langcode are still 'en' and their
+    // buttons are displayed.
+    $images = $this->drupalGetTestFiles('image')[1];
+    $this->drupalPostForm(NULL, [
+      'files[field_paragraphs_demo_1_subform_field_images_demo_0][]' => $images->uri,
+    ], t('Upload'));
+    $this->assertParagraphsLangcode($node2->id());
+    $this->assertParagraphsButtons(2);
+    $this->drupalPostForm(NULL, NULL, t('Save and keep published'));
+    // Check the paragraphs langcode are now 'de' after saving.
+    $this->assertParagraphsLangcode($node2->id(), 'de');
+
+    // Change node langcode back to 'english' and save.
+    $this->clickLink(t('Edit'));
+    $edit = [
+      'title[0][value]' => 'Title in english',
+      'langcode[0][value]' => 'en',
+    ];
+    $this->drupalPostForm(NULL, $edit, t('Save and keep published'));
+    // Check the paragraphs langcode are now 'en' after saving.
+    $this->assertParagraphsLangcode($node2->id());
+
+    // Case 3: Check the paragraphs buttons after changing the SITE language.
+
+    // Change the site langcode to german.
+    $edit = [
+      'site_default_language' => 'de',
+    ];
+    $this->drupalPostForm('admin/config/regional/language', $edit, t('Save configuration'));
+
+    // Check the original node and the paragraphs langcode are still 'en' and
+    // check that the paragraphs buttons are still displayed.
+    $this->drupalGet('node/' . $node2->id() . '/edit');
+    $this->assertParagraphsLangcode($node2->id());
+    $this->assertParagraphsButtons(2);
+    // Add another 'Images' paragraph with node langcode as 'english'.
+    $this->drupalPostForm(NULL, NULL, t('Add Images'));
+    // Check the paragraph langcode are still 'en' and their buttons are shown.
+    $this->assertParagraphsLangcode($node2->id());
+    $this->assertParagraphsButtons(3);
+    // Upload an image, check the paragraphs langcode are still 'en' and their
+    // buttons are displayed.
+    $images = $this->drupalGetTestFiles('image')[2];
+    $this->drupalPostForm(NULL, [
+      'files[field_paragraphs_demo_2_subform_field_images_demo_0][]' => $images->uri,
+    ], t('Upload'));
+    $this->assertParagraphsLangcode($node2->id());
+    $this->assertParagraphsButtons(3);
+    $this->drupalPostForm(NULL, NULL, t('Save and keep published'));
+    // Check the paragraphs langcode are still 'en' after saving.
+    $this->assertParagraphsLangcode($node2->id());
+
+    // Check the paragraphs langcode are still 'en' and their buttons are shown.
+    $this->clickLink(t('Edit'));
+    $this->assertParagraphsLangcode($node2->id());
+    $this->assertParagraphsButtons(3);
+    // Change node langcode to 'german' and add another 'Images' paragraph.
+    $edit = [
+      'title[0][value]' => 'Title in english (de)',
+      'langcode[0][value]' => 'de',
+    ];
+    $this->drupalPostForm(NULL, $edit, t('Add Images'));
+    // Check the paragraphs langcode are still 'en' and their buttons are shown.
+    $this->assertParagraphsLangcode($node2->id());
+    $this->assertParagraphsButtons(4);
+    // Upload an image, check the paragraphs langcode are still 'en' and their
+    // buttons are displayed.
+    $images = $this->drupalGetTestFiles('image')[3];
+    $this->drupalPostForm(NULL, [
+      'files[field_paragraphs_demo_3_subform_field_images_demo_0][]' => $images->uri,
+    ], t('Upload'));
+    $this->assertParagraphsLangcode($node2->id());
+    $this->assertParagraphsButtons(4);
+    $this->drupalPostForm(NULL, NULL, t('Save and keep published'));
+    // Check the paragraphs langcode are now 'de' after saving.
+    $this->assertParagraphsLangcode($node2->id(), 'de');
+  }
+
+  /**
+   * Passes if the paragraphs buttons are present.
+   *
+   * @param int $count
+   *   Number of paragraphs buttons to look for.
+   */
+  protected function assertParagraphsButtons($count) {
+    $this->assertParagraphsButtonsHelper($count, FALSE);
+  }
+
+  /**
+   * Passes if the paragraphs buttons are NOT present.
+   *
+   * @param int $count
+   *   Number of paragraphs buttons to look for.
+   */
+  protected function assertNoParagraphsButtons($count) {
+    $this->assertParagraphsButtonsHelper($count, TRUE);
+  }
+
+  /**
+   * Helper for assertParagraphsButtons and assertNoParagraphsButtons.
+   *
+   * @param int $count
+   *   Number of paragraphs buttons to look for.
+   * @param bool $hidden
+   *   TRUE if these buttons should not be shown, FALSE otherwise.
+   *   Defaults to TRUE.
+   */
+  protected function assertParagraphsButtonsHelper($count, $hidden = TRUE) {
+    for ($i = 0; $i < $count; $i++) {
+      $remove_button = $this->xpath('//*[@name="field_paragraphs_demo_' . $i . '_remove"]');
+      if (!$hidden) {
+        $this->assertNotEqual(count($remove_button), 0);
+      }
+      else {
+        $this->assertEqual(count($remove_button), 0);
+      }
+    }
+
+    // It is enough to check for the specific paragraph type 'Images' to assert
+    // the add more buttons presence for this test class.
+    $add_button = $this->xpath('//input[@value="Add Images"]');
+    if (!$hidden) {
+      $this->assertNotEqual(count($add_button), 0);
+    }
+    else {
+      $this->assertEqual(count($add_button), 0);
+    }
+  }
+
+  /**
+   * Assert each paragraph items have the same langcode as the node one.
+   *
+   * @param string $node_id
+   *   The node ID which contains the paragraph items to be checked.
+   * @param string $source_lang
+   *   The expected node source langcode. Defaults to 'en'.
+   * @param string $trans_lang
+   *   The expected translated node langcode. Defaults to NULL.
+   */
+  protected function assertParagraphsLangcode($node_id, $source_lang = 'en', $trans_lang = NULL) {
+    // Update the outdated node and check all the paragraph items langcodes.
+    \Drupal::entityTypeManager()->getStorage('node')->resetCache([$node_id]);
+    /** @var \Drupal\node\NodeInterface $node */
+    $node = Node::load($node_id);
+    $node_langcode = $node->langcode->value;
+    $this->assertEqual($node_langcode, $source_lang, 'Host langcode matches.');
+
+    /** @var \Drupal\Core\Entity\ContentEntityBase $paragraph */
+    foreach ($node->field_paragraphs_demo->referencedEntities() as $paragraph) {
+      $paragraph_langcode = $paragraph->language()->getId();
+      $message = new FormattableMarkup('Node langcode is "@node", paragraph item langcode is "@item".', ['@node' => $source_lang, '@item' => $paragraph_langcode]);
+      $this->assertEqual($paragraph_langcode, $source_lang, $message);
+    }
+
+    // Check the translation.
+    if (!empty($trans_lang)) {
+      $this->assertTrue($node->hasTranslation($trans_lang), 'Translation exists.');
+    }
+    if ($node->hasTranslation($trans_lang)) {
+      $trans_node = $node->getTranslation($trans_lang);
+      $trans_node_langcode = $trans_node->language()->getId();
+      $this->assertEqual($trans_node_langcode, $trans_lang, 'Translated node langcode matches.');
+
+      // Check the paragraph item langcode matching the translated node langcode.
+      foreach ($trans_node->field_paragraphs_demo->referencedEntities() as $paragraph) {
+        if ($paragraph->hasTranslation($trans_lang)) {
+          $trans_item = $paragraph->getTranslation($trans_lang);
+          $paragraph_langcode = $trans_item->language()->getId();
+          $message = new FormattableMarkup('Translated node langcode is "@node", paragraph item langcode is "@item".', ['@node' => $trans_lang, '@item' => $paragraph_langcode]);
+          $this->assertEqual($paragraph_langcode, $trans_lang, $message);
+        }
+      }
+    }
+  }
+}