WebformElementStatesTest.php in Webform 8.5

Namespace

Drupal\Tests\webform\Functional\Element

File

tests/src/Functional/Element/WebformElementStatesTest.php

<?php

namespace Drupal\Tests\webform\Functional\Element;


/**
 * Tests for webform element #states.
 *
 * @group webform
 */
class WebformElementStatesTest extends WebformElementBrowserTestBase {

  /**
   * Webforms to load.
   *
   * @var array
   */
  protected static $testWebforms = [
    'test_element_states',
  ];

  /**
   * Tests element #states.
   */
  public function testElement() {

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

    // Processing.

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

    // Check default value handling.
    $this
      ->drupalPostForm('/webform/test_element_states', [], 'Submit');
    $this
      ->assertRaw("states_basic:\n  enabled:\n    selector_01:\n      checked: true\n  required:\n    'selector_01''':\n      checked: true\n    selector_02:\n      checked: true\n  disabled:\n    - selector_01:\n        checked: true\n    - or\n    - selector_02:\n        checked: true\nstates_values:\n  enabled:\n    selector_01:\n      value: '0'\n    selector_02:\n      value: 'false'\n    selector_03:\n      value: ''\n    selector_04:\n      checked: true\nstates_custom_selector:\n  required:\n    custom_selector:\n      value: 'Yes'\nstates_empty: {  }\nstates_single: {  }\nstates_unsupported_operator:\n  required:\n    - custom_selector:\n        value: 'Yes'\n    - xxx\n    - custom_selector:\n        value: 'Yes'\nstates_unsupported_nesting:\n  required:\n    - selector_01:\n        value: 'Yes'\n      selector_02:\n        value: 'Yes'\n    - or\n    - selector_03:\n        value: 'Yes'\n      selector_04:\n        value: 'Yes'\nstates_custom_condition:\n  required:\n    custom_selector:\n      value:\n        pattern: '[a-z0-9]+'");

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

    // Rendering.

    /**************************************************************************/
    $this
      ->drupalGet('/webform/test_element_states');

    // Check 'States custom selector'.
    $this
      ->assertRaw('<option value="custom_selector" selected="selected">custom_selector</option>');

    // Check 'States unsupport operator'.
    $this
      ->assertRaw('Conditional logic (Form API #states) is using the <em class="placeholder">XXX</em> operator. Form API #states must be manually entered.');
    $this
      ->assertRaw('<textarea data-drupal-selector="edit-states-unsupported-operator-states" aria-describedby="edit-states-unsupported-operator-states--description" class="js-webform-codemirror webform-codemirror yaml form-textarea" data-webform-codemirror-mode="text/x-yaml" id="edit-states-unsupported-operator-states" name="states_unsupported_operator[states]" rows="5" cols="60">');

    // Check 'States unsupport nested multiple selectors'.
    $this
      ->assertRaw('Conditional logic (Form API #states) is using multiple nested conditions. Form API #states must be manually entered.');
    $this
      ->assertRaw('<textarea data-drupal-selector="edit-states-unsupported-nesting-states" aria-describedby="edit-states-unsupported-nesting-states--description" class="js-webform-codemirror webform-codemirror yaml form-textarea" data-webform-codemirror-mode="text/x-yaml" id="edit-states-unsupported-nesting-states" name="states_unsupported_nesting[states]" rows="5" cols="60">');

    // Check 'States single' (#multiple: FALSE)
    $this
      ->assertFieldById('edit-states-empty-actions-add', NULL);
    $this
      ->assertNoFieldById('edit-states-single-actions-add', NULL);

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

    // Validation.

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

    // Check duplicate states validation.
    $edit = [
      'states_basic[states][0][state]' => 'required',
    ];
    $this
      ->drupalPostForm('/webform/test_element_states', $edit, 'Submit');
    $this
      ->assertRaw('The <em class="placeholder">Required</em> state is declared more than once. There can only be one declaration per state.');

    // Check duplicate selectors validation.
    $edit = [
      'states_basic[states][3][selector]' => 'selector_02',
    ];
    $this
      ->drupalPostForm('/webform/test_element_states', $edit, 'Submit');
    $this
      ->assertRaw('The <em class="placeholder">Selector 02 (selector_02)</em> element is used more than once within the <em class="placeholder">Required</em> state. To use multiple values within a trigger try using the pattern trigger.');

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

    // Processing.

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

    // Check setting first state and adding new state.
    $edit = [
      'states_empty[states][0][state]' => 'required',
      'states_empty[states][1][selector]' => 'selector_01',
      'states_empty[states][1][trigger]' => 'value',
      'states_empty[states][1][value]' => '{value_01}',
    ];
    $this
      ->drupalPostForm(NULL, $edit, 'states_empty_table_add');

    // Check the first state/condition is required and value = {value_01}.
    $this
      ->assertFieldByName('states_empty[states][0][state]', 'required');
    $this
      ->assertFieldByName('states_empty[states][1][selector]', 'selector_01');
    $this
      ->assertFieldByName('states_empty[states][1][trigger]', 'value');
    $this
      ->assertFieldByName('states_empty[states][1][value]', '{value_01}');

    // Check empty second state/condition.
    $this
      ->assertFieldByName('states_empty[states][2][state]', '');
    $this
      ->assertFieldByName('states_empty[states][3][selector]', '');
    $this
      ->assertFieldByName('states_empty[states][3][trigger]', '');
    $this
      ->assertFieldByName('states_empty[states][3][value]', '');
    $edit = [
      'states_empty[states][2][state]' => 'disabled',
      'states_empty[states][3][selector]' => 'selector_02',
      'states_empty[states][3][trigger]' => 'value',
      'states_empty[states][3][value]' => '{value_02}',
    ];
    $this
      ->drupalPostForm(NULL, $edit, 'states_empty_table_remove_1');

    // Check the first condition is removed.
    $this
      ->assertNoFieldByName('states_empty[states][1][selector]', 'selector_01');
    $this
      ->assertNoFieldByName('states_empty[states][1][trigger]', 'value');
    $this
      ->assertNoFieldByName('states_empty[states][1][value]', '{value_01}');

    // Check the second state/condition is required and value = {value_01}.
    $this
      ->assertFieldByName('states_empty[states][1][state]', 'disabled');
    $this
      ->assertFieldByName('states_empty[states][2][selector]', 'selector_02');
    $this
      ->assertFieldByName('states_empty[states][2][trigger]', 'value');
    $this
      ->assertFieldByName('states_empty[states][2][value]', '{value_02}');

    // Remove state two.
    $this
      ->drupalPostForm(NULL, [], 'states_empty_table_remove_1');

    // Check the second state/condition is removed.
    $this
      ->assertNoFieldByName('states_empty[states][1][state]', 'disabled');
    $this
      ->assertNoFieldByName('states_empty[states][2][selector]', 'selector_02');
    $this
      ->assertNoFieldByName('states_empty[states][2][trigger]', 'value');
    $this
      ->assertNoFieldByName('states_empty[states][2][value]', '{value_02}');

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

    // Edit source.

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

    // Check that  'Edit source' button is not available.
    $this
      ->drupalGet('/webform/test_element_states');
    $this
      ->assertNoRaw('<input class="button button--danger js-form-submit form-submit" data-drupal-selector="edit-states-basic-actions-source" formnovalidate="formnovalidate" type="submit" id="edit-states-basic-actions-source" name="states_basic_table_source" value="Edit source" />');

    // Check that  'Edit source' button is available.
    $this
      ->drupalLogin($this->rootUser);
    $this
      ->drupalGet('/webform/test_element_states');
    $this
      ->assertRaw('<input class="button button--danger js-form-submit form-submit" data-drupal-selector="edit-states-basic-actions-source" formnovalidate="formnovalidate" type="submit" id="edit-states-basic-actions-source" name="states_basic_table_source" value="Edit source" />');
    $this
      ->assertNoFieldByName('states_basic[states]');

    // Check that 'source' is editable.
    $this
      ->drupalPostForm(NULL, [], 'states_basic_table_source');
    $this
      ->assertRaw('Creating custom conditional logic (Form API #states) with nested conditions or custom selectors will disable the conditional logic builder. This will require that Form API #states be manually entered.');
    $this
      ->assertFieldByName('states_basic[states]');
  }

}

Classes

Name	Description
WebformElementStatesTest	Tests for webform element #states.