Unverified Commit e2c0ffb4 authored by lauriii's avatar lauriii

Issue #2702233 by Manuel Garcia, dww, jibran, alexpott, dagmar, DuaelFr,...

Issue #2702233 by Manuel Garcia, dww, jibran, alexpott, dagmar, DuaelFr, gease, YurkinPark, dawehner, Lendude: Add JavaScript tests for Form API #states: required, visible, invisible, expanded, checked, unchecked
parent c0d66fce
......@@ -198,6 +198,9 @@ protected static function processStatesArray(array &$conditions, $search, $repla
*
* @param array $elements
* A render array element having a #states property as described above.
*
* @see \Drupal\form_test\Form\JavascriptStatesForm
* @see \Drupal\FunctionalJavascriptTests\Core\Form\JavascriptStatesTest
*/
public static function processStates(array &$elements) {
$elements['#attached']['library'][] = 'core/drupal.states';
......
......@@ -23,6 +23,302 @@ public function getFormId() {
* {@inheritdoc}
*/
public function buildForm(array $form, FormStateInterface $form_state) {
$form['checkbox_trigger'] = [
'#type' => 'checkbox',
'#title' => 'Checkbox trigger',
];
$form['textfield_trigger'] = [
'#type' => 'textfield',
'#title' => 'Textfield trigger',
];
$form['radios_trigger'] = [
'#type' => 'radios',
'#title' => 'Radios trigger',
'#options' => [
'value1' => 'Value 1',
'value2' => 'Value 2',
'value3' => 'Value 3',
],
];
$form['checkboxes_trigger'] = [
'#type' => 'checkboxes',
'#title' => 'Checkboxes trigger',
'#options' => [
'value1' => 'Value 1',
'value2' => 'Value 2',
'value3' => 'Value 3',
],
];
$form['select_trigger'] = [
'#type' => 'select',
'#title' => 'Select trigger',
'#options' => [
'value1' => 'Value 1',
'value2' => 'Value 2',
'value3' => 'Value 3',
],
'#empty_value' => '_none',
'#empty_option' => '- None -',
];
// Tested fields.
// Checkbox trigger.
$form['textfield_invisible_when_checkbox_trigger_checked'] = [
'#type' => 'textfield',
'#title' => 'Textfield invisible when checkbox trigger checked',
'#states' => [
'invisible' => [
':input[name="checkbox_trigger"]' => ['checked' => TRUE],
],
],
];
$form['textfield_required_when_checkbox_trigger_checked'] = [
'#type' => 'textfield',
'#title' => 'Textfield required when checkbox trigger checked',
'#states' => [
'required' => [
':input[name="checkbox_trigger"]' => ['checked' => TRUE],
],
],
];
$form['details_expanded_when_checkbox_trigger_checked'] = [
'#type' => 'details',
'#title' => 'Details expanded when checkbox trigger checked',
'#states' => [
'expanded' => [
':input[name="checkbox_trigger"]' => ['checked' => TRUE],
],
],
];
$form['details_expanded_when_checkbox_trigger_checked']['textfield_in_details'] = [
'#type' => 'textfield',
'#title' => 'Textfield in details',
];
$form['checkbox_checked_when_checkbox_trigger_checked'] = [
'#type' => 'checkbox',
'#title' => 'Checkbox checked when checkbox trigger checked',
'#states' => [
'checked' => [
':input[name="checkbox_trigger"]' => ['checked' => TRUE],
],
],
];
$form['checkbox_unchecked_when_checkbox_trigger_checked'] = [
'#type' => 'checkbox',
'#title' => 'Checkbox unchecked when checkbox trigger checked',
'#states' => [
'unchecked' => [
':input[name="checkbox_trigger"]' => ['checked' => TRUE],
],
],
];
$form['checkbox_visible_when_checkbox_trigger_checked'] = [
'#type' => 'checkbox',
'#title' => 'Checkbox visible when checkbox trigger checked',
'#states' => [
'visible' => [
':input[name="checkbox_trigger"]' => ['checked' => TRUE],
],
],
];
// Checkboxes trigger.
$form['textfield_visible_when_checkboxes_trigger_value2_checked'] = [
'#type' => 'textfield',
'#title' => 'Textfield visible when checkboxes trigger value2 checked',
'#states' => [
'visible' => [
':input[name="checkboxes_trigger[value2]"]' => ['checked' => TRUE],
],
],
];
$form['textfield_visible_when_checkboxes_trigger_value3_checked'] = [
'#type' => 'textfield',
'#title' => 'Textfield visible when checkboxes trigger value3 checked',
'#states' => [
'visible' => [
':input[name="checkboxes_trigger[value3]"]' => ['checked' => TRUE],
],
],
];
// Radios trigger.
$form['fieldset_visible_when_radios_trigger_has_value2'] = [
'#type' => 'fieldset',
'#title' => 'Fieldset visible when radio trigger has value2',
'#states' => [
'visible' => [
':input[name="radios_trigger"]' => ['value' => 'value2'],
],
],
];
$form['fieldset_visible_when_radios_trigger_has_value2']['textfield_in_fieldset'] = [
'#type' => 'textfield',
'#title' => 'Textfield in fieldset',
];
$form['textfield_invisible_when_radios_trigger_has_value2'] = [
'#type' => 'textfield',
'#title' => 'Textfield invisible when radio trigger has value2',
'#states' => [
'invisible' => [
':input[name="radios_trigger"]' => ['value' => 'value2'],
],
],
];
$form['select_required_when_radios_trigger_has_value2'] = [
'#type' => 'select',
'#title' => 'Select required when radio trigger has value2',
'#options' => [
'value1' => 'Value 1',
'value2' => 'Value 2',
'value3' => 'Value 3',
],
'#states' => [
'required' => [
':input[name="radios_trigger"]' => ['value' => 'value2'],
],
],
];
$form['checkbox_checked_when_radios_trigger_has_value3'] = [
'#type' => 'checkbox',
'#title' => 'Checkbox checked when radios trigger has value3',
'#states' => [
'checked' => [
':input[name="radios_trigger"]' => ['value' => 'value3'],
],
],
];
$form['checkbox_unchecked_when_radios_trigger_has_value3'] = [
'#type' => 'checkbox',
'#title' => 'Checkbox unchecked when radios trigger has value3',
'#states' => [
'unchecked' => [
':input[name="radios_trigger"]' => ['value' => 'value3'],
],
],
];
$form['details_expanded_when_radios_trigger_has_value3'] = [
'#type' => 'details',
'#title' => 'Details expanded when radio trigger has value3',
'#states' => [
'expanded' => [
':input[name="radios_trigger"]' => ['value' => 'value3'],
],
],
];
$form['details_expanded_when_radios_trigger_has_value3']['textfield_in_details'] = [
'#type' => 'textfield',
'#title' => 'Textfield in details',
];
// Select trigger
$form['item_visible_when_select_trigger_has_value2'] = [
'#type' => 'item',
'#title' => 'Item visible when select trigger has value2',
'#states' => [
'visible' => [
':input[name="select_trigger"]' => ['value' => 'value2'],
],
],
];
$form['textfield_visible_when_select_trigger_has_value3'] = [
'#type' => 'textfield',
'#title' => 'Textfield visible when select trigger has value3',
'#states' => [
'visible' => [
':input[name="select_trigger"]' => ['value' => 'value3'],
],
],
];
$form['textfield_visible_when_select_trigger_has_value2_or_value3'] = [
'#type' => 'textfield',
'#title' => 'Textfield visible when select trigger has value2 or value3',
'#states' => [
'visible' => [
':input[name="select_trigger"]' => [
['value' => 'value2'],
['value' => 'value3'],
],
],
],
];
// Textfield trigger.
$form['checkbox_checked_when_textfield_trigger_filled'] = [
'#type' => 'checkbox',
'#title' => 'Checkbox checked when textfield trigger filled',
'#default_value' => '0',
'#states' => [
'checked' => [
':input[name="textfield_trigger"]' => ['filled' => TRUE],
],
],
];
$form['checkbox_unchecked_when_textfield_trigger_filled'] = [
'#type' => 'checkbox',
'#title' => 'Checkbox unchecked when textfield trigger filled',
'#default_value' => '1',
'#states' => [
'unchecked' => [
':input[name="textfield_trigger"]' => ['filled' => TRUE],
],
],
];
$form['select_invisible_when_textfield_trigger_filled'] = [
'#type' => 'select',
'#title' => 'Select invisible when textfield trigger filled',
'#options' => [0 => 0, 1 => 1, 2 => 2],
'#states' => [
'invisible' => [
':input[name="textfield_trigger"]' => ['filled' => TRUE],
],
],
];
$form['select_visible_when_textfield_trigger_filled'] = [
'#type' => 'select',
'#title' => 'Select visible when textfield trigger filled',
'#options' => [0 => 0, 1 => 1, 2 => 2],
'#states' => [
'visible' => [
':input[name="textfield_trigger"]' => ['filled' => TRUE],
],
],
];
$form['textfield_required_when_textfield_trigger_filled'] = [
'#type' => 'textfield',
'#title' => 'Textfield required when textfield trigger filled',
'#states' => [
'required' => [
':input[name="textfield_trigger"]' => ['filled' => TRUE],
],
],
];
$form['details_expanded_when_textfield_trigger_filled'] = [
'#type' => 'details',
'#title' => 'Details expanded when textfield trigger filled',
'#states' => [
'expanded' => [
':input[name="textfield_trigger"]' => ['filled' => TRUE],
],
],
];
$form['details_expanded_when_textfield_trigger_filled']['textfield_in_details'] = [
'#type' => 'textfield',
'#title' => 'Textfield in details',
];
// Multiple triggers.
$form['item_visible_when_select_trigger_has_value2_and_textfield_trigger_filled'] = [
'#type' => 'item',
'#title' => 'Item visible when select trigger has value2 and textfield trigger filled',
'#states' => [
'visible' => [
':input[name="select_trigger"]' => ['value' => 'value2'],
':input[name="textfield_trigger"]' => ['filled' => TRUE],
],
],
];
$form['select'] = [
'#type' => 'select',
'#title' => 'select 1',
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment