public function AjaxColorFormTest::testModalForm in Examples for Developers 3.x

Same name and namespace in other branches

1. 8 form_api_example/tests/src/FunctionalJavascript/AjaxColorFormTest.php \Drupal\Tests\form_api_example\FunctionalJavascript\AjaxColorFormTest::testModalForm()

Functional test of the color temperature AJAX dropdown form.

File

modules/form_api_example/tests/src/FunctionalJavascript/AjaxColorFormTest.php, line 30

Class

AjaxColorFormTest

@group form_api_example

Namespace

Drupal\Tests\form_api_example\FunctionalJavascript

Code

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"]'));
}