function AjaxColorFormTest::testModalForm

Functional test of the color temperature AJAX dropdown form.

File

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

Class

AjaxColorFormTest

@group form_api_example

Namespace

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