You are here

public function WebformElementOtherTest::testBuildingOtherElements in Webform 6.x

Same name and namespace in other branches
  1. 8.5 tests/src/Functional/Element/WebformElementOtherTest.php \Drupal\Tests\webform\Functional\Element\WebformElementOtherTest::testBuildingOtherElements()

Tests options with other elements.

File

tests/src/Functional/Element/WebformElementOtherTest.php, line 24

Class

WebformElementOtherTest
Tests for webform element other.

Namespace

Drupal\Tests\webform\Functional\Element

Code

public function testBuildingOtherElements() {
  $this
    ->drupalGet('/webform/test_element_other');

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

  // select_other

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

  // Check basic select_other.
  $this
    ->assertRaw('<fieldset data-drupal-selector="edit-select-other-basic" class="js-webform-select-other webform-select-other webform-select-other--wrapper fieldgroup form-composite webform-composite-visible-title js-webform-type-webform-select-other webform-type-webform-select-other js-form-item form-item js-form-wrapper form-wrapper" id="edit-select-other-basic">');
  $this
    ->assertRaw('<span class="fieldset-legend">Select other basic</span>');
  $this
    ->assertRaw('<select data-drupal-selector="edit-select-other-basic-select" id="edit-select-other-basic-select" name="select_other_basic[select]" class="form-select">');
  $this
    ->assertRaw('<input data-drupal-selector="edit-select-other-basic-other" type="text" id="edit-select-other-basic-other" name="select_other_basic[other]" value="Four" size="60" maxlength="255" placeholder="Enter other…" class="form-text" />');
  $this
    ->assertRaw('<option value="_other_" selected="selected">Other…</option>');

  // Check advanced select_other w/ custom label.
  $this
    ->assertRaw('<span class="fieldset-legend js-form-required form-required">Select other advanced</span>');
  $this
    ->assertRaw('<select data-webform-required-error="This is a custom required error message." data-drupal-selector="edit-select-other-advanced-select" id="edit-select-other-advanced-select" name="select_other_advanced[select]" class="form-select required" required="required" aria-required="true">');
  $this
    ->assertRaw('<option value="_other_" selected="selected">Is there another option you wish to enter?</option>');
  $this
    ->assertRaw('<label for="edit-select-other-advanced-other">Other</label>');
  $this
    ->assertRaw('<input data-webform-required-error="This is a custom required error message." data-counter-type="character" data-counter-minimum="4" data-counter-maximum="10" class="js-webform-counter webform-counter form-text" minlength="4" data-drupal-selector="edit-select-other-advanced-other" aria-describedby="edit-select-other-advanced-other--description" type="text" id="edit-select-other-advanced-other" name="select_other_advanced[other]" value="Four" size="20" maxlength="10" placeholder="What is this other option" />');
  $this
    ->assertRaw('<div id="edit-select-other-advanced-other--description" class="webform-element-description">Other select description</div>');

  // Check multiple select_other.
  $this
    ->assertRaw('<span class="fieldset-legend">Select other multiple</span>');
  $this
    ->assertRaw('<select data-drupal-selector="edit-select-other-multiple-select" multiple="multiple" name="select_other_multiple[select][]" id="edit-select-other-multiple-select" class="form-select">');
  $this
    ->assertRaw('<input data-drupal-selector="edit-select-other-multiple-other" type="text" id="edit-select-other-multiple-other" name="select_other_multiple[other]" value="Four" size="60" maxlength="255" placeholder="Enter other…" class="form-text" />');

  // Check select_other with zero (0) as the default value.
  $this
    ->assertRaw('<span class="fieldset-legend">Select other zero</span>');
  $this
    ->assertRaw('<select data-drupal-selector="edit-select-other-zero-select" id="edit-select-other-zero-select" name="select_other_zero[select]" class="form-select">');
  $this
    ->assertRaw('<input data-drupal-selector="edit-select-other-zero-other" type="text" id="edit-select-other-zero-other" name="select_other_zero[other]" value="0" size="60" maxlength="255" placeholder="Enter other…" class="form-text" />');

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

  // checkboxes_other

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

  // Check basic checkboxes.
  $this
    ->assertRaw('<span class="fieldset-legend">Checkboxes other basic</span>');
  $this
    ->assertRaw('<input data-drupal-selector="edit-checkboxes-other-basic-checkboxes-other-" type="checkbox" id="edit-checkboxes-other-basic-checkboxes-other-" name="checkboxes_other_basic[checkboxes][_other_]" value="_other_" checked="checked" class="form-checkbox" />');
  $this
    ->assertRaw('<label for="edit-checkboxes-other-basic-checkboxes-other-" class="option">Other…</label>');
  $this
    ->assertRaw('<input data-drupal-selector="edit-checkboxes-other-basic-other" type="text" id="edit-checkboxes-other-basic-other" name="checkboxes_other_basic[other]" value="Four" size="60" maxlength="255" placeholder="Enter other…" class="form-text" />');

  // Check advanced checkboxes.
  $this
    ->assertRaw('<div id="edit-checkboxes-other-advanced-checkboxes" class="js-webform-checkboxes webform-options-display-two-columns form-checkboxes">');
  $this
    ->assertRaw('<span class="fieldset-legend js-form-required form-required">Checkboxes other advanced</span>');
  $this
    ->assertRaw('<input data-drupal-selector="edit-checkboxes-other-advanced-other" aria-describedby="edit-checkboxes-other-advanced-other--description" type="text" id="edit-checkboxes-other-advanced-other" name="checkboxes_other_advanced[other]" value="Four" size="60" maxlength="255" placeholder="What is this other option" class="form-text" />');
  $this
    ->assertRaw('<div id="edit-checkboxes-other-advanced-other--description" class="webform-element-description">Other checkbox description</div>');
  $this
    ->assertRaw('<label for="edit-checkboxes-other-advanced-checkboxes-one" class="option">One<span class="webform-element-help js-webform-element-help"');

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

  // radios_other

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

  // Check basic radios_other.
  $this
    ->assertRaw('<span class="fieldset-legend">Radios other basic</span>');
  $this
    ->assertRaw('<input data-drupal-selector="edit-radios-other-basic-radios-other-" type="radio" id="edit-radios-other-basic-radios-other-" name="radios_other_basic[radios]" value="_other_" checked="checked" class="form-radio" />');
  $this
    ->assertRaw('<label for="edit-radios-other-basic-radios-other-" class="option">Other…</label>');
  $this
    ->assertRaw('<input data-drupal-selector="edit-radios-other-basic-other" type="text" id="edit-radios-other-basic-other" name="radios_other_basic[other]" value="Four" size="60" maxlength="255" placeholder="Enter other…" class="form-text" />');

  // Check advanced radios_other w/ custom label.
  $this
    ->assertRaw('<span class="fieldset-legend js-form-required form-required">Radios other advanced</span>');
  $this
    ->assertRaw('<input data-drupal-selector="edit-radios-other-advanced-radios-other-" type="radio" id="edit-radios-other-advanced-radios-other-" name="radios_other_advanced[radios]" value="_other_" checked="checked" class="form-radio" />');
  $this
    ->assertRaw('<input data-drupal-selector="edit-radios-other-advanced-other" aria-describedby="edit-radios-other-advanced-other--description" type="text" id="edit-radios-other-advanced-other" name="radios_other_advanced[other]" value="Four" size="60" maxlength="255" placeholder="What is this other option" class="form-text" />');
  $this
    ->assertRaw('<div id="edit-radios-other-advanced-other--description" class="webform-element-description">Other radio description</div>');
  $this
    ->assertRaw('<label for="edit-radios-other-advanced-radios-one" class="option">One<span class="webform-element-help js-webform-element-help"');

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

  // wrapper_type

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

  // Check form_item wrapper type.
  $this
    ->assertRaw('<div class="js-webform-select-other webform-select-other js-form-item form-item js-form-type-webform-select-other form-item-wrapper-other-form-element js-form-item-wrapper-other-form-element" id="edit-wrapper-other-form-element">');

  // Check container wrapper type.
  $this
    ->assertRaw('<div data-drupal-selector="edit-wrapper-other-container" class="js-webform-select-other webform-select-other webform-select-other--wrapper fieldgroup form-composite js-form-wrapper form-wrapper" id="edit-wrapper-other-container">');
}