ModalFormTest.php in Examples for Developers 8

Namespace

Drupal\Tests\form_api_example\FunctionalJavascript

File

form_api_example/tests/src/FunctionalJavascript/ModalFormTest.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 ModalFormTest extends WebDriverTestBase {

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

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

  /**
   * Functional test of the modal form example.
   *
   * Steps:
   * - Visit form route.
   * - Click on 'see this form as a modal'.
   * - Check that modal exists.
   * - Enter a value.
   * - Click 'submit'
   * - Check that we have a new modal.
   * - Click the close X.
   * - Verify that the modal went away.
   */
  public function testModalForm() {

    // Visit form route.
    $modal_route_nojs = Url::fromRoute('form_api_example.modal_form', [
      'nojs' => 'nojs',
    ]);
    $this
      ->drupalGet($modal_route_nojs);

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

    // Click on 'see this form as a modal'.
    $this
      ->clickLink('ajax-example-modal-link');
    $this
      ->assertNotEmpty($assert
      ->waitForElementVisible('css', '.ui-dialog'));

    // Enter a value.
    $this
      ->assertNotEmpty($input = $page
      ->find('css', 'div.ui-dialog input[name="title"]'));
    $input
      ->setValue('test_title');

    // Click 'submit'.
    $this
      ->assertNotEmpty($submit = $page
      ->find('css', 'button.ui-button.form-submit'));
    $submit
      ->click();
    $assert
      ->assertWaitOnAjaxRequest();

    // Check that we have a result modal.
    $assert
      ->elementContains('css', 'span.ui-dialog-title', 'test_title');

    // Click the close X.
    $this
      ->assertNotEmpty($close = $page
      ->find('css', 'button.ui-dialog-titlebar-close'));
    $close
      ->click();
    $assert
      ->assertWaitOnAjaxRequest();

    // Verify that the modal went away.
    $assert
      ->pageTextNotContains('appears in this modal dialog.');
  }

}

Classes

Name	Description
ModalFormTest	@group form_api_example