AjaxColorFormTest.php in Examples for Developers 3.x

Namespace

Drupal\Tests\form_api_example\FunctionalJavascript

File

modules/form_api_example/tests/src/FunctionalJavascript/AjaxColorFormTest.php

<?php

namespace Drupal\Tests\form_api_example\FunctionalJavascript;

use Drupal\FunctionalJavascriptTests\WebDriverTestBase;
use Drupal\Core\Url;

/**
 * @group form_api_example
 *
 * @ingroup form_api_example
 */
class AjaxColorFormTest extends WebDriverTestBase {

  /**
   * {@inheritdoc}
   */
  protected $defaultTheme = 'stark';

  /**
   * Our module dependencies.
   *
   * @var string[]
   */
  public static $modules = [
    'form_api_example',
  ];

  /**
   * Functional test of the color temperature AJAX dropdown form.
   */
  public function testModalForm() {

    // Visit form route.
    $this
      ->drupalGet(Url::fromRoute('form_api_example.ajax_color_demo'));

    // Get Mink stuff.
    $assert = $this
      ->assertSession();
    $page = $this
      ->getSession()
      ->getPage();

    // Before the color temperature dropdown is selected, we should not have a
    // color dropdown.
    $this
      ->assertEmpty($page
      ->find('css', 'select[name="color"]'));
    $color_matrix = [
      'warm' => [
        'red',
        'orange',
        'yellow',
      ],
      'cool' => [
        'blue',
        'purple',
        'green',
      ],
    ];
    foreach ($color_matrix as $temperature => $colors) {

      // Enter a color temperature.
      $this
        ->assertNotEmpty($color_temperature = $page
        ->find('css', 'select[name="temperature"]'));
      $color_temperature
        ->setValue($temperature);
      $assert
        ->assertWaitOnAjaxRequest();

      // Find the color dropdown.
      $this
        ->assertNotEmpty($color_select = $page
        ->find('css', 'select[name="color"]'));

      // Make sure all the correct color options are present.
      $this
        ->assertNotEmpty($color_options = $color_select
        ->findAll('css', 'option'));
      $this
        ->assertCount(count($colors), $color_options);
      foreach ($color_options as $color_element) {
        $this
          ->assertContains($color_element
          ->getValue(), $colors);
      }

      // Submit all the colors.
      foreach ($colors as $color) {
        $page
          ->find('css', 'select[name="temperature"]')
          ->setValue($temperature);
        $assert
          ->assertWaitOnAjaxRequest();
        $page
          ->find('css', 'select[name="color"]')
          ->setValue($color);
        $page
          ->findButton('Submit')
          ->click();
        $assert
          ->pageTextContains("Value for Temperature: {$temperature}");
        $assert
          ->pageTextContains("Value for color: {$color}");
      }
    }

    // Finally, we can make sure that when we 'unset' the temperature dropdown,
    // the color dropdown goes away.
    $this
      ->getSession()
      ->getPage()
      ->find('css', 'select[name="temperature"]')
      ->setValue('');
    $assert
      ->assertWaitOnAjaxRequest();
    $this
      ->assertEmpty($page
      ->find('css', 'select[name="color"]'));
  }

}

Classes

Name	Description
AjaxColorFormTest	@group form_api_example