public function WebformCardsStatesJavaScriptTest::testStates in Webform 6.x

Same name and namespace in other branches

1. 8.5 modules/webform_cards/tests/src/FunctionalJavaScript/WebformCardsStatesJavaScriptTest.php \Drupal\Tests\webform_cards\FunctionalJavaScript\WebformCardsStatesJavaScriptTest::testStates()

Test webform cards states.

File

modules/webform_cards/tests/src/FunctionalJavaScript/WebformCardsStatesJavaScriptTest.php, line 24

Class

WebformCardsStatesJavaScriptTest

Tests for webform cards states.

Namespace

Drupal\Tests\webform_cards\FunctionalJavaScript

Code

public function testStates() {
  $session = $this
    ->getSession();
  $page = $session
    ->getPage();
  $assert_session = $this
    ->assertSession();

  /**************************************************************************/

  // Check that all progress steps are visible.
  $this
    ->drupalGet('/webform/test_cards_states');
  $this
    ->assertElementVisible('[data-webform-card="start"][title="Start"]');
  $this
    ->assertElementVisible('[data-webform-card="card_1"][title="Card 1"]');
  $this
    ->assertElementVisible('[data-webform-card="card_2"][title="Card 2"]');
  $this
    ->assertElementVisible('[data-webform-card="card_3"][title="Card 3"]');
  $this
    ->assertElementVisible('[data-webform-card="card_4"][title="Card 4"]');
  $this
    ->assertElementVisible('[data-webform-card="card_5"][title="Card 5"]');
  $this
    ->assertElementVisible('[data-webform-page="webform_preview"][title="Preview"]');
  $this
    ->assertElementVisible('[data-webform-page="webform_confirmation"][title="Complete"]');
  $this
    ->assertCssSelect('.webform-card--active[data-webform-key="start"]');

  // Check that card 1 is next.
  $page
    ->pressButton('edit-cards-next');
  $assert_session
    ->waitForElement('css', '.webform-card--active[data-webform-key="card_1"]');
  $this
    ->assertCssSelect('.webform-card--active[data-webform-key="card_1"]');

  // Go back to states.
  $page
    ->pressButton('edit-cards-prev');

  // Check that progress steps can be conditionally hidden.
  $this
    ->click('#edit-trigger-cards-card-1');
  $this
    ->click('#edit-trigger-cards-card-3');
  $this
    ->click('#edit-trigger-cards-card-5');
  $this
    ->assertElementNotVisible('[data-webform-card="card_1"][title="Card 1"]');
  $this
    ->assertElementNotVisible('[data-webform-card="card_3"][title="Card 3"]');
  $this
    ->assertElementNotVisible('[data-webform-card="card_5"][title="Card 5"]');

  // Check that card 2 is now next.
  $page
    ->pressButton('edit-cards-next');
  $assert_session
    ->waitForElement('css', '.webform-card--active[data-webform-key="card_2"]');
  $this
    ->assertCssSelect('.webform-card--active[data-webform-key="card_2"]');

  // Go back to states.
  $page
    ->pressButton('edit-cards-prev');

  // Check that progress steps can be conditionally shown.
  $this
    ->click('#edit-trigger-cards-card-1');
  $this
    ->click('#edit-trigger-cards-card-3');
  $this
    ->click('#edit-trigger-cards-card-5');
  $this
    ->assertElementVisible('[data-webform-card="card_1"][title="Card 1"]');
  $this
    ->assertElementVisible('[data-webform-card="card_3"][title="Card 3"]');
  $this
    ->assertElementVisible('[data-webform-card="card_5"][title="Card 5"]');

  // Check that card 1 is now next.
  $page
    ->pressButton('edit-cards-next');
  $assert_session
    ->waitForElement('css', '.webform-card--active[data-webform-key="card_1"]');
  $this
    ->assertCssSelect('.webform-card--active[data-webform-key="card_1"]');
}