You are here

public function ParagraphsWidgetButtonsTest::testWidgetButtons in Paragraphs 8

Same name in this branch
  1. 8 tests/src/Functional/WidgetLegacy/ParagraphsWidgetButtonsTest.php \Drupal\Tests\paragraphs\Functional\WidgetLegacy\ParagraphsWidgetButtonsTest::testWidgetButtons()
  2. 8 tests/src/Functional/WidgetStable/ParagraphsWidgetButtonsTest.php \Drupal\Tests\paragraphs\Functional\WidgetStable\ParagraphsWidgetButtonsTest::testWidgetButtons()

Tests the widget buttons of paragraphs.

File

tests/src/Functional/WidgetStable/ParagraphsWidgetButtonsTest.php, line 34

Class

ParagraphsWidgetButtonsTest
Tests paragraphs stable widget buttons.

Namespace

Drupal\Tests\paragraphs\Functional\WidgetStable

Code

public function testWidgetButtons() {
  $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);
  $this
    ->addParagraphsType('text');

  // Add a text field to the text_paragraph type.
  static::fieldUIAddNewField('admin/structure/paragraphs_type/' . $paragraph_type, 'text', 'Text', 'text_long', [], []);
  $edit = [
    'fields[field_paragraphs][type]' => 'paragraphs',
  ];
  $this
    ->drupalGet('admin/structure/types/manage/paragraphed_test/form-display');
  $this
    ->submitForm($edit, 'Save');
  $this
    ->drupalGet('node/add/paragraphed_test');
  $this
    ->submitForm([], 'field_paragraphs_text_paragraph_add_more');

  // Create a node with a Paragraph.
  $text = 'recognizable_text';
  $edit = [
    'title[0][value]' => 'paragraphs_mode_test',
    'field_paragraphs[0][subform][field_text][0][value]' => $text,
  ];
  $this
    ->submitForm([], 'field_paragraphs_text_paragraph_add_more');
  $this
    ->submitForm($edit, 'Save');
  $node = $this
    ->drupalGetNodeByTitle('paragraphs_mode_test');

  // Test the 'Open' edit mode.
  $this
    ->drupalGet('node/' . $node
    ->id() . '/edit');
  $this
    ->assertSession()
    ->fieldValueEquals('field_paragraphs[0][subform][field_text][0][value]', $text);
  $this
    ->submitForm([], 'Save');
  $this
    ->assertSession()
    ->pageTextContains($text);

  // Test the 'Closed' edit mode.
  $this
    ->setParagraphsWidgetMode('paragraphed_test', 'field_paragraphs', 'closed');
  $this
    ->drupalGet('node/' . $node
    ->id() . '/edit');

  // Click "Edit" button.
  $this
    ->submitForm([], 'field_paragraphs_0_edit');
  $this
    ->submitForm([], 'field_paragraphs_1_edit');
  $this
    ->assertSession()
    ->fieldValueEquals('field_paragraphs[0][subform][field_text][0][value]', $text);
  $closed_mode_text = 'closed_mode_text';

  // Click "Collapse" button on both paragraphs.
  $edit = [
    'field_paragraphs[0][subform][field_text][0][value]' => $closed_mode_text,
  ];
  $this
    ->submitForm($edit, 'field_paragraphs_0_collapse');
  $edit = [
    'field_paragraphs[1][subform][field_text][0][value]' => $closed_mode_text,
  ];
  $this
    ->submitForm($edit, 'field_paragraphs_1_collapse');

  // Verify that we have warning message for each paragraph.
  $this
    ->assertEquals(2, count($this
    ->xpath("//*[contains(@class, 'paragraphs-icon-changed')]")));
  $this
    ->assertSession()
    ->responseContains('<span class="summary-content">' . $closed_mode_text);
  $this
    ->submitForm([], 'Save');
  $this
    ->assertSession()
    ->pageTextContains('paragraphed_test ' . $node
    ->label() . ' has been updated.');
  $this
    ->assertSession()
    ->pageTextContains($closed_mode_text);

  // Test the 'Preview' closed mode.
  $this
    ->setParagraphsWidgetSettings('paragraphed_test', 'field_paragraphs', [
    'closed_mode' => 'preview',
  ]);
  $this
    ->drupalGet('node/' . $node
    ->id() . '/edit');

  // Click "Edit" button.
  $this
    ->submitForm([], 'field_paragraphs_0_edit');
  $this
    ->assertSession()
    ->fieldValueEquals('field_paragraphs[0][subform][field_text][0][value]', $closed_mode_text);
  $preview_mode_text = 'preview_mode_text';
  $edit = [
    'field_paragraphs[0][subform][field_text][0][value]' => $preview_mode_text,
  ];

  // Click "Collapse" button.
  $this
    ->submitForm($edit, 'field_paragraphs_0_collapse');
  $this
    ->assertSession()
    ->pageTextContains('You have unsaved changes on this Paragraph item.');
  $this
    ->assertEquals(1, count($this
    ->xpath("//*[contains(@class, 'paragraphs-icon-changed')]")));
  $this
    ->assertSession()
    ->pageTextContains($preview_mode_text);
  $this
    ->submitForm([], 'Save');
  $this
    ->assertSession()
    ->pageTextContains('paragraphed_test ' . $node
    ->label() . ' has been updated.');
  $this
    ->assertSession()
    ->pageTextContains($preview_mode_text);

  // Test the remove function.
  $this
    ->drupalGet('node/' . $node
    ->id() . '/edit');

  // Click "Remove" button.
  $this
    ->submitForm([], 'field_paragraphs_0_remove');
  $this
    ->submitForm([], 'Save');
  $this
    ->assertSession()
    ->pageTextContains('paragraphed_test ' . $node
    ->label() . ' has been updated.');
  $this
    ->assertSession()
    ->pageTextNotContains($preview_mode_text);
}