Issue #2686627 by Manav, navneet0693, Mile23, metzlerd: Complete common input types

Author: Manav

fapi_example/src/Form/InputDemo.php

@@ -43,11 +43,30 @@ public function buildForm(array $form, FormStateInterface $form_state) {
       '#description' => 'Date, #type = date',
     ];
 
+    // Date-time.
+    $form['datetime'] = [
+      '#type' => 'datetime',
+      '#title' => 'Date Time',
+      '#date_increment' => 1,
+      '#date_timezone' => drupal_get_user_timezone(),
+      '#default_value' => drupal_get_user_timezone(),
+      '#description' => $this->t('Date time, #type = datetime'),
+    ];
+
+    // URL.
+    $form['url'] = [
+      '#type' => 'url',
+      '#title' => $this->t('URL'),
+      '#maxlength' => 255,
+      '#size' => 30,
+      '#description' => $this->t('URL, #type = url'),
+    ];
+
     // Email.
     $form['email'] = [
       '#type' => 'email',
       '#title' => $this->t('Email'),
-      '#description' => 'Email, #type = email',
+      '#description' => $this->t('Email, #type = email'),
     ];
 
     // Number.
@@ -108,13 +127,34 @@ public function buildForm(array $form, FormStateInterface $form_state) {
       '#description' => $this->t('Select, #type = select'),
     ];
 
+    // Multiple values option elements.
+    $form['select_multiple'] = [
+      '#type' => 'select',
+      '#title' => 'Select (multiple)',
+      '#multiple' => TRUE,
+      '#options' => [
+        'sat' => 'SAT',
+        'act' => 'ACT',
+        'none' => 'N/A',
+      ],
+      '#default_value' => ['sat'],
+      '#description' => 'Select Multiple',
+    ];
+
     // Tel.
     $form['phone'] = [
       '#type' => 'tel',
       '#title' => $this->t('Phone'),
       '#description' => $this->t('Tel, #type = tel'),
     ];
 
+    // Details.
+    $form['details'] = [
+      '#type' => 'details',
+      '#title' => $this->t('Details'),
+      '#description' => $this->t('Details, #type = details'),
+    ];
+
     // TableSelect.
     $options = [
       1 => ['first_name' => 'Indy', 'last_name' => 'Jones'],
@@ -142,6 +182,22 @@ public function buildForm(array $form, FormStateInterface $form_state) {
       '#description' => $this->t('Textarea, #type = textarea'),
     ];
 
+    // Text format.
+    $form['text_format'] = [
+      '#type' => 'text_format',
+      '#title' => 'Text format',
+      '#format' => 'plain_text',
+      '#expected_value' => [
+        'value' => 'Text value',
+        'format' => 'plain_text',
+      ],
+      '#textformat_value' => [
+        'value' => 'Testvalue',
+        'format' => 'filtered_html',
+      ],
+      '#description' => $this->t('Text format, #type = text_format'),
+    ];
+
     // Textfield.
     $form['subject'] = [
       '#type' => 'textfield',
@@ -181,13 +237,53 @@ public function buildForm(array $form, FormStateInterface $form_state) {
       ],
     ];
 
+    // File.
+    $form['file'] = [
+      '#type' => 'file',
+      '#title' => 'File',
+      '#description' => $this->t('File, #type = file'),
+    ];
+
+    // Manage file.
+    $form['managed_file'] = [
+      '#type' => 'managed_file',
+      '#title' => 'Managed file',
+      '#description' => $this->t('Manage file, #type = managed_file'),
+    ];
+
+    // Image Buttons.
+    $form['image_button'] = [
+      '#type' => 'image_button',
+      '#value' => 'Image button',
+      '#src' => drupal_get_path('module', 'examples') . '/images/100x30.svg',
+      '#description' => $this->t('image file, #type = image_button'),
+    ];
+
+    // Button.
+    $form['button'] = [
+      '#type' => 'button',
+      '#value' => 'Button',
+      '#description' => $this->t('Button, #type = button'),
+    ];
+
     // Add a submit button that handles the submission of the form.
     $form['actions']['submit'] = [
       '#type' => 'submit',
       '#value' => $this->t('Submit'),
       '#description' => $this->t('Submit, #type = submit'),
     ];
 
+    // Add a reset button that handles the submission of the form.
+    $form['actions']['reset'] = [
+      '#type' => 'button',
+      '#button_type' => 'reset',
+      '#value' => t('Reset'),
+      '#description' => $this->t('Submit, #type = button, #button_type = reset, #attributes = this.form.reset();return false'),
+      '#attributes' => [
+        'onclick' => 'this.form.reset(); return false;',
+      ],
+    ];
+
     return $form;
   }
 

fapi_example/tests/src/Functional/FapiExampleWebTest.php

@@ -132,8 +132,10 @@ public function testInputDemoForm() {
     // Post the form.
     $edit = [
       'tests_taken[SAT]' => TRUE,
-      'color' => '#ff6bf1',
+      'color' => '#2b49ff',
       'expiration' => '2015-10-21',
+      'datetime[date]' => '2017-12-07 15:32:10',
+      'url' => 'https://www.drupal.org',
       'email' => '[email protected]',
       'quantity' => '4',
       'password' => 'letmein',
@@ -143,19 +145,23 @@ public function testInputDemoForm() {
       'active' => '1',
       'search' => 'my search string',
       'favorite' => 'blue',
+      'select_multiple[]' => ['act'],
       'phone' => '555-555-5555',
       'table[1]' => TRUE,
       'table[3]' => TRUE,
       'text' => 'This is a test of my form.',
+      'text_format[value]' => 'Examples for Developers',
       'subject' => 'Form test',
       'weight' => '3',
     ];
     $this->drupalPostForm('/examples/fapi-example/input-demo', $edit, t('Submit'));
     $assert->statusCodeEquals(200);
 
-    $assert->pageTextContains('Value for What standardized tests did you take?: Array ( [SAT] => SAT )');
-    $assert->pageTextContains('Value for Color: #ff6bf1');
+    $assert->pageTextContains('Value for What standardized tests did you take?');
+    $assert->pageTextContains('Value for Color: #2b49ff');
     $assert->pageTextContains('Value for Content expiration: 2015-10-21');
+    $assert->pageTextContains('Value for Date Time: 2017-12-07 15:32:10');
+    $assert->pageTextContains('Value for URL: https://www.drupal.org');
     $assert->pageTextContains('Value for Email: [email protected]');
     $assert->pageTextContains('Value for Quantity: 4');
     $assert->pageTextContains('Value for Password: letmein');
@@ -164,9 +170,11 @@ public function testInputDemoForm() {
     $assert->pageTextContains('Value for active: 1');
     $assert->pageTextContains('Value for Search: my search string');
     $assert->pageTextContains('Value for Favorite color: blue');
+    $assert->pageTextContains('Value for Select (multiple): Array ( [act] => act )');
     $assert->pageTextContains('Value for Phone: 555-555-5555');
     $assert->pageTextContains('Value for Users: Array ( [1] => 1 [3] => 3 )');
     $assert->pageTextContains('Value for Text: This is a test of my form.');
+    $assert->pageTextContains('Value for Text format: Array ( [value] => Examples for Developers [format] => plain_text )');
     $assert->pageTextContains('Value for Subject: Form test');
     $assert->pageTextContains('Value for Weight: 3');
   }