class ParagraphsHeaderActionsTest

Tests collapse all button.

@group paragraphs

Hierarchy

Expanded class hierarchy of ParagraphsHeaderActionsTest

File

paragraphs/tests/src/Functional/WidgetStable/ParagraphsHeaderActionsTest.php, line 13

Namespace

Drupal\Tests\paragraphs\Functional\WidgetStable
View source
class ParagraphsHeaderActionsTest extends ParagraphsTestBase {

  /**
   * Modules to enable.
   *
   * @var array
   */
  protected static $modules = array(
    'content_translation',
  );

  /**
   * Tests header actions.
   */
  public function testHeaderActions() {

    // To test with a single header action, ensure the drag and drop action is
    // shown, even without the library.
    \Drupal::state()
      ->set('paragraphs_test_dragdrop_force_show', TRUE);
    $this
      ->addParagraphedContentType('paragraphed_test');
    $this
      ->loginAsAdmin([
      'create paragraphed_test content',
      'edit any paragraphed_test content',
    ]);

    // Add a Paragraph type.
    $paragraph_type = 'text_paragraph';
    $this
      ->addParagraphsType($paragraph_type);

    // Add a text field to the text_paragraph type.
    static::fieldUIAddNewField('admin/structure/paragraphs_type/' . $paragraph_type, 'text', 'Text', 'text_long', [], []);

    // Add 2 paragraphs and check for Collapse/Edit all button.
    $this
      ->drupalGet('node/add/paragraphed_test');
    $this
      ->assertSession()
      ->responseNotContains('field_paragraphs_collapse_all');
    $this
      ->assertSession()
      ->responseNotContains('field_paragraphs_edit_all');
    $this
      ->assertSession()
      ->responseContains('field_paragraphs_dragdrop_mode');

    // Ensure there is only a single table row.
    $table_rows = $this
      ->xpath('//table[contains(@class, :class)]/tbody/tr', [
      ':class' => 'field-multiple-table',
    ]);
    $this
      ->assertEquals(1, count($table_rows));

    // Add second paragraph and check for Collapse/Edit all button.
    $this
      ->submitForm([], 'field_paragraphs_text_paragraph_add_more');
    $this
      ->assertSession()
      ->responseContains('field_paragraphs_collapse_all');
    $this
      ->assertSession()
      ->responseContains('field_paragraphs_edit_all');
    $edit = [
      'field_paragraphs[0][subform][field_text][0][value]' => 'First text',
      'field_paragraphs[1][subform][field_text][0][value]' => 'Second text',
    ];
    $this
      ->submitForm($edit, 'Collapse all');

    // Checks that after collapsing all we can edit again these paragraphs.
    $this
      ->assertSession()
      ->responseContains('field_paragraphs_0_edit');
    $this
      ->assertSession()
      ->responseContains('field_paragraphs_1_edit');

    // Test Edit all button.
    $this
      ->submitForm([], 'field_paragraphs_edit_all');
    $this
      ->assertSession()
      ->responseContains('field_paragraphs_0_collapse');
    $this
      ->assertSession()
      ->responseContains('field_paragraphs_1_collapse');
    $edit = [
      'title[0][value]' => 'Test',
    ];
    $this
      ->submitForm($edit, 'Save');
    $this
      ->assertSession()
      ->pageTextContains('paragraphed_test Test has been created.');
    $node = $this
      ->getNodeByTitle('Test');
    $this
      ->drupalGet('node/' . $node
      ->id());
    $this
      ->clickLink('Edit');
    $this
      ->assertSession()
      ->pageTextNotContains('No Paragraph added yet.');

    // Add and remove another paragraph.
    $this
      ->submitForm([], 'field_paragraphs_text_paragraph_add_more');
    $edit = [
      'field_paragraphs[2][subform][field_text][0][value]' => 'Third text',
    ];
    $this
      ->submitForm($edit, 'field_paragraphs_2_remove');

    // Check that pressing "Collapse all" does not restore the removed
    // paragraph.
    $this
      ->submitForm([], 'field_paragraphs_edit_all');
    $this
      ->assertSession()
      ->pageTextContains('First text');
    $this
      ->assertSession()
      ->pageTextContains('Second text');
    $this
      ->assertSession()
      ->pageTextNotContains('Third text');

    // Check that pressing "Edit all" does not restore the removed paragraph,
    // either.
    $this
      ->submitForm([], 'field_paragraphs_collapse_all');
    $this
      ->assertSession()
      ->pageTextContains('First text');
    $this
      ->assertSession()
      ->pageTextContains('Second text');
    $this
      ->assertSession()
      ->pageTextNotContains('Third text');
    $this
      ->assertSession()
      ->buttonExists('field_paragraphs_collapse_all');
    $this
      ->assertSession()
      ->buttonExists('field_paragraphs_edit_all');
    $this
      ->submitForm([], 'Save');

    // Check that the drag and drop button is present when there is a paragraph
    // and that it is not shown when the paragraph is deleted.
    $this
      ->drupalGet('node/add/paragraphed_test');
    $this
      ->assertSession()
      ->responseContains('name="field_paragraphs_dragdrop_mode"');
    $this
      ->submitForm([], 'field_paragraphs_0_remove');
    $this
      ->assertSession()
      ->responseNotContains('name="field_paragraphs_dragdrop_mode"');

    // Disable show multiple actions.
    $this
      ->drupalGet('admin/structure/types/manage/paragraphed_test/form-display');
    $this
      ->submitForm([], 'field_paragraphs_settings_edit');
    $this
      ->submitForm([
      'fields[field_paragraphs][settings_edit_form][settings][features][collapse_edit_all]' => FALSE,
    ], 'Update');
    $this
      ->submitForm([], 'Save');
    $this
      ->drupalGet('node/' . $node
      ->id() . '/edit');

    // Check that the collapse/edit all actions are not present.
    $this
      ->assertSession()
      ->buttonNotExists('field_paragraphs_collapse_all');
    $this
      ->assertSession()
      ->buttonNotExists('field_paragraphs_edit_all');
    $this
      ->assertSession()
      ->fieldValueEquals('field_paragraphs[0][subform][field_text][0][value]', 'First text');

    // Enable show "Collapse / Edit all" actions.
    $this
      ->drupalGet('admin/structure/types/manage/paragraphed_test/form-display');
    $this
      ->submitForm([], 'field_paragraphs_settings_edit');
    $this
      ->submitForm([
      'fields[field_paragraphs][settings_edit_form][settings][features][collapse_edit_all]' => TRUE,
    ], 'Update');
    $this
      ->submitForm([], 'Save');
    $this
      ->drupalGet('node/' . $node
      ->id() . '/edit');

    // Check that the collapse/edit all actions are present.
    $this
      ->assertSession()
      ->buttonExists('field_paragraphs_collapse_all');
    $this
      ->assertSession()
      ->buttonExists('field_paragraphs_edit_all');
    $this
      ->assertSession()
      ->fieldValueEquals('field_paragraphs[0][subform][field_text][0][value]', 'First text');
  }

  /**
   * Tests that header actions works fine with nesting.
   */
  public function testHeaderActionsWithNesting() {
    $this
      ->addParagraphedContentType('paragraphed_test');
    $this
      ->loginAsAdmin([
      'create paragraphed_test content',
      'edit any paragraphed_test content',
    ]);

    // Add Paragraph types.
    $nested_paragraph_type = 'nested_paragraph';
    $this
      ->addParagraphsType($nested_paragraph_type);
    $paragraph_type = 'text';
    $this
      ->addParagraphsType($paragraph_type);

    // Add a text field to the text_paragraph type.
    static::fieldUIAddNewField('admin/structure/paragraphs_type/' . $paragraph_type, 'text', 'Text', 'text_long', [], []);

    // Add a ERR paragraph field to the nested_paragraph type.
    static::fieldUIAddNewField('admin/structure/paragraphs_type/' . $nested_paragraph_type, 'nested', 'Nested', 'field_ui:entity_reference_revisions:paragraph', [
      'settings[target_type]' => 'paragraph',
      'cardinality' => '-1',
    ], []);
    $this
      ->drupalGet('admin/structure/paragraphs_type/nested_paragraph/form-display');
    $this
      ->submitForm([
      'fields[field_nested][type]' => 'paragraphs',
    ], 'Save');
    $this
      ->setParagraphsWidgetSettings($nested_paragraph_type, 'nested', [
      'edit_mode' => 'closed',
    ], 'paragraphs', 'paragraph');

    // Checks that Collapse/Edit all button is presented.
    $this
      ->drupalGet('node/add/paragraphed_test');
    $this
      ->submitForm([], 'field_paragraphs_nested_paragraph_add_more');
    $this
      ->submitForm([], 'field_paragraphs_text_add_more');
    $this
      ->assertSession()
      ->responseContains('field_paragraphs_collapse_all');
    $this
      ->assertSession()
      ->responseContains('field_paragraphs_edit_all');
    $this
      ->submitForm([], 'field_paragraphs_text_add_more');
    $this
      ->submitForm([], 'field_paragraphs_0_subform_field_nested_text_add_more');
    $this
      ->assertSession()
      ->responseNotContains('field_paragraphs_0_collapse_all');
    $this
      ->assertSession()
      ->responseNotContains('field_paragraphs_0_edit_all');
    $edit = [
      'field_paragraphs[0][subform][field_nested][0][subform][field_text][0][value]' => 'Nested text',
      'field_paragraphs[1][subform][field_text][0][value]' => 'Second text paragraph',
    ];
    $this
      ->submitForm($edit, 'Collapse all');
    $this
      ->assertSession()
      ->responseContains('field-paragraphs-0-edit');
    $this
      ->assertSession()
      ->elementExists('css', '[name="field_paragraphs_1_edit"] + .paragraphs-dropdown');
    $this
      ->submitForm([], 'field_paragraphs_edit_all');
    $this
      ->assertSession()
      ->responseContains('field-paragraphs-0-collapse');
    $edit = [
      'title[0][value]' => 'Test',
    ];
    $this
      ->submitForm($edit, 'Save');
    $this
      ->assertSession()
      ->pageTextContains('paragraphed_test Test has been created.');
    $node = $this
      ->getNodeByTitle('Test');
    $this
      ->drupalGet('node/' . $node
      ->id());
    $this
      ->clickLink('Edit');
    $this
      ->assertSession()
      ->pageTextNotContains('No Paragraph added yet.');
    $this
      ->submitForm([], 'field_paragraphs_0_subform_field_nested_text_add_more');
    $edit = [
      'field_paragraphs[0][subform][field_nested][1][subform][field_text][0][value]' => 'Second nested text',
    ];
    $this
      ->submitForm($edit, 'field_paragraphs_0_collapse');
    $this
      ->submitForm([], 'field_paragraphs_0_edit');
    $this
      ->assertSession()
      ->responseContains('field_paragraphs_0_subform_field_nested_collapse_all');
    $this
      ->assertSession()
      ->responseContains('field_paragraphs_0_subform_field_nested_edit_all');
  }

  /**
   * Tests header actions with multi fields.
   */
  public function testHeaderActionsWithMultiFields() {
    $this
      ->addParagraphedContentType('paragraphed_test');
    $this
      ->loginAsAdmin([
      'create paragraphed_test content',
      'edit any paragraphed_test content',
    ]);
    $this
      ->drupalGet('/admin/structure/types/manage/paragraphed_test/fields/add-field');

    // Add a Paragraph type.
    $paragraph_type = 'text_paragraph';
    $this
      ->addParagraphsType($paragraph_type);
    static::fieldUIAddNewField('admin/structure/types/manage/paragraphed_test', 'second', 'Second paragraph', 'field_ui:entity_reference_revisions:paragraph', [], []);

    // Add a text field to the text_paragraph type.
    static::fieldUIAddNewField('admin/structure/paragraphs_type/' . $paragraph_type, 'text', 'Text', 'text_long', [], []);
    $this
      ->drupalGet('node/add/paragraphed_test');
    $this
      ->submitForm([], 'field_paragraphs_text_paragraph_add_more');
    $this
      ->submitForm([], 'field_second_text_paragraph_add_more');

    // Checks that we have Collapse\Edit all for each field.
    $this
      ->assertSession()
      ->responseContains('field_paragraphs_collapse_all');
    $this
      ->assertSession()
      ->responseContains('field_paragraphs_edit_all');
    $this
      ->assertSession()
      ->responseContains('field_second_collapse_all');
    $this
      ->assertSession()
      ->responseContains('field_second_edit_all');
    $edit = [
      'field_second[0][subform][field_text][0][value]' => 'Second field',
    ];
    $this
      ->submitForm($edit, 'field_second_collapse_all');

    // Checks that we collapsed only children from second field.
    $this
      ->assertSession()
      ->responseNotContains('field_paragraphs_0_edit');
    $this
      ->assertSession()
      ->responseContains('field_second_0_edit');
    $this
      ->submitForm([], 'field_paragraphs_collapse_all');
    $this
      ->assertSession()
      ->responseContains('field_paragraphs_0_edit');
    $this
      ->assertSession()
      ->responseContains('field_second_0_edit');
    $this
      ->submitForm([], 'field_second_edit_all');
    $this
      ->assertSession()
      ->responseContains('field_second_0_collapse');
    $edit = [
      'title[0][value]' => 'Test',
    ];
    $this
      ->submitForm($edit, 'Save');
    $this
      ->assertSession()
      ->pageTextContains('paragraphed_test Test has been created.');
    $node = $this
      ->getNodeByTitle('Test');
    $this
      ->drupalGet('node/' . $node
      ->id());
    $this
      ->clickLink('Edit');
    $this
      ->assertSession()
      ->pageTextNotContains('No Paragraph added yet.');
  }

  /**
   * Tests drag and drop button visibility while translating.
   */
  function testHeaderActionsWhileTranslating() {

    // Display drag and drop in tests.
    $this
      ->addParagraphedContentType('paragraphed_test');
    \Drupal::state()
      ->set('paragraphs_test_dragdrop_force_show', TRUE);
    $this
      ->loginAsAdmin([
      'administer site configuration',
      'create paragraphed_test content',
      'edit any paragraphed_test content',
      'delete any paragraphed_test content',
      'administer content translation',
      'translate any entity',
      'create content translations',
      'administer languages',
    ]);
    ConfigurableLanguage::createFromLangcode('es')
      ->save();

    // Enable translation for test content.
    $this
      ->drupalGet('admin/config/regional/content-language');
    $edit = [
      'entity_types[node]' => TRUE,
      'settings[node][paragraphed_test][translatable]' => TRUE,
    ];
    $this
      ->submitForm($edit, 'Save configuration');

    // Add a Paragraph type.
    $paragraph_type = 'text_paragraph';
    $this
      ->addParagraphsType($paragraph_type);
    static::fieldUIAddNewField('admin/structure/paragraphs_type/' . $paragraph_type, 'text', 'Text', 'text_long', [], []);
    $this
      ->drupalGet('node/add/paragraphed_test');

    // Assert that the drag and drop button is present.
    $this
      ->assertSession()
      ->responseContains('name="field_paragraphs_dragdrop_mode"');
    $edit = [
      'title[0][value]' => 'Title',
      'field_paragraphs[0][subform][field_text][0][value]' => 'First',
    ];
    $this
      ->submitForm($edit, 'Save');
    $this
      ->clickLink('Translate');
    $this
      ->clickLink('Add');

    // Assert that the drag and drop button is not present while translating.
    $this
      ->assertSession()
      ->responseNotContains('name="field_paragraphs_dragdrop_mode"');
    $this
      ->assertSession()
      ->pageTextContains('First');
  }

}

Members

Namesort descending Modifiers Type Description Overrides
ParagraphsHeaderActionsTest::$modules protected static property Modules to enable. Overrides ParagraphsTestBase::$modules
ParagraphsHeaderActionsTest::testHeaderActions public function Tests header actions.
ParagraphsHeaderActionsTest::testHeaderActionsWhileTranslating function Tests drag and drop button visibility while translating.
ParagraphsHeaderActionsTest::testHeaderActionsWithMultiFields public function Tests header actions with multi fields.
ParagraphsHeaderActionsTest::testHeaderActionsWithNesting public function Tests that header actions works fine with nesting.
ParagraphsTestBase::$admin_permissions protected property List of permissions used by loginAsAdmin().
ParagraphsTestBase::$admin_user protected property Drupal user object created by loginAsAdmin(). 1
ParagraphsTestBase::$defaultTheme protected property 2
ParagraphsTestBase::loginAsAdmin function Creates an user with admin permissions and log in.
ParagraphsTestBase::removeDefaultParagraphType protected function Removes the default paragraph type. Overrides ParagraphsTestBase::removeDefaultParagraphType
ParagraphsTestBase::setAddMode protected function Sets the Paragraphs widget add mode. Overrides ParagraphsTestBase::setAddMode
ParagraphsTestBase::setAllowedParagraphsTypes protected function Sets the allowed Paragraphs types that can be added.
ParagraphsTestBase::setDefaultParagraphType protected function Sets the default paragraph type.
ParagraphsTestBase::setParagraphsTypeWeight protected function Sets the weight of a given Paragraphs type.
ParagraphsTestBase::setParagraphsWidgetMode protected function Sets the Paragraphs widget display mode.
ParagraphsTestBase::setUp protected function 19
ParagraphsTestBaseTrait::$workflow protected property The workflow entity.
ParagraphsTestBaseTrait::addFieldtoParagraphType protected function Adds a field to a given paragraph type.
ParagraphsTestBaseTrait::addParagraphedContentType protected function Adds a content type with a Paragraphs field.
ParagraphsTestBaseTrait::addParagraphsField protected function Adds a Paragraphs field to a given entity type.
ParagraphsTestBaseTrait::addParagraphsType protected function Adds a Paragraphs type.
ParagraphsTestBaseTrait::addParagraphsTypeIcon protected function Adds an icon to a paragraphs type.
ParagraphsTestBaseTrait::coreVersion protected function Checks the core version.
ParagraphsTestBaseTrait::createEditorialWorkflow protected function Creates a workflow entity.
ParagraphsTestBaseTrait::setParagraphsWidgetSettings protected function Sets some of the settings of a paragraphs field widget.