253 lines
		
	
	
		
			8.3 KiB
		
	
	
	
		
			PHP
		
	
	
	
	
	
		
		
			
		
	
	
			253 lines
		
	
	
		
			8.3 KiB
		
	
	
	
		
			PHP
		
	
	
	
	
	
| 
								 | 
							
								<?php
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								declare(strict_types=1);
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								namespace Drupal\FunctionalJavascriptTests;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								use Drupal\Component\Utility\UrlHelper;
							 | 
						||
| 
								 | 
							
								use Drupal\Tests\BrowserTestBase;
							 | 
						||
| 
								 | 
							
								use Symfony\Component\DependencyInjection\ContainerInterface;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								/**
							 | 
						||
| 
								 | 
							
								 * Runs a browser test using a driver that supports JavaScript.
							 | 
						||
| 
								 | 
							
								 *
							 | 
						||
| 
								 | 
							
								 * Module tests extending WebDriverTestBase must exist in the
							 | 
						||
| 
								 | 
							
								 * Drupal\Tests\your_module\FunctionalJavascript namespace and live in the
							 | 
						||
| 
								 | 
							
								 * modules/your_module/tests/src/FunctionalJavascript directory.
							 | 
						||
| 
								 | 
							
								 *
							 | 
						||
| 
								 | 
							
								 * Tests for core/lib/Drupal classes extending WebDriverTestBase must exist in
							 | 
						||
| 
								 | 
							
								 * the \Drupal\FunctionalJavascriptTests\Core namespace and live in the
							 | 
						||
| 
								 | 
							
								 * core/tests/Drupal/FunctionalJavascriptTests directory.
							 | 
						||
| 
								 | 
							
								 *
							 | 
						||
| 
								 | 
							
								 * Base class for testing browser interaction implemented in JavaScript.
							 | 
						||
| 
								 | 
							
								 *
							 | 
						||
| 
								 | 
							
								 * @ingroup testing
							 | 
						||
| 
								 | 
							
								 */
							 | 
						||
| 
								 | 
							
								abstract class WebDriverTestBase extends BrowserTestBase {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								  /**
							 | 
						||
| 
								 | 
							
								   * Determines if a test should fail on JavaScript console errors.
							 | 
						||
| 
								 | 
							
								   *
							 | 
						||
| 
								 | 
							
								   * @var bool
							 | 
						||
| 
								 | 
							
								   */
							 | 
						||
| 
								 | 
							
								  protected $failOnJavascriptConsoleErrors = TRUE;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								  /**
							 | 
						||
| 
								 | 
							
								   * Disables CSS animations in tests for more reliable testing.
							 | 
						||
| 
								 | 
							
								   *
							 | 
						||
| 
								 | 
							
								   * CSS animations are disabled by installing the css_disable_transitions_test
							 | 
						||
| 
								 | 
							
								   * module. Set to FALSE to test CSS animations.
							 | 
						||
| 
								 | 
							
								   *
							 | 
						||
| 
								 | 
							
								   * @var bool
							 | 
						||
| 
								 | 
							
								   */
							 | 
						||
| 
								 | 
							
								  protected $disableCssAnimations = TRUE;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								  /**
							 | 
						||
| 
								 | 
							
								   * {@inheritdoc}
							 | 
						||
| 
								 | 
							
								   */
							 | 
						||
| 
								 | 
							
								  protected $minkDefaultDriverClass = DrupalSelenium2Driver::class;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								  /**
							 | 
						||
| 
								 | 
							
								   * {@inheritdoc}
							 | 
						||
| 
								 | 
							
								   */
							 | 
						||
| 
								 | 
							
								  protected function initMink() {
							 | 
						||
| 
								 | 
							
								    if (!is_a($this->minkDefaultDriverClass, DrupalSelenium2Driver::class, TRUE)) {
							 | 
						||
| 
								 | 
							
								      throw new \UnexpectedValueException(sprintf("%s has to be an instance of %s", $this->minkDefaultDriverClass, DrupalSelenium2Driver::class));
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    $this->minkDefaultDriverArgs = ['chrome', ['goog:chromeOptions' => ['w3c' => FALSE]], 'http://localhost:4444'];
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								    try {
							 | 
						||
| 
								 | 
							
								      return parent::initMink();
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    catch (\Exception $e) {
							 | 
						||
| 
								 | 
							
								      // If it's not possible to get a mink connection ensure that mink's own
							 | 
						||
| 
								 | 
							
								      // destructor is called immediately, to avoid it being called in
							 | 
						||
| 
								 | 
							
								      // ::tearDown(), then rethrow the exception.
							 | 
						||
| 
								 | 
							
								      $this->mink = NULL;
							 | 
						||
| 
								 | 
							
								      throw $e;
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								  }
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								  /**
							 | 
						||
| 
								 | 
							
								   * {@inheritdoc}
							 | 
						||
| 
								 | 
							
								   */
							 | 
						||
| 
								 | 
							
								  protected function installModulesFromClassProperty(ContainerInterface $container) {
							 | 
						||
| 
								 | 
							
								    self::$modules = [
							 | 
						||
| 
								 | 
							
								      'js_testing_ajax_request_test',
							 | 
						||
| 
								 | 
							
								      'js_testing_log_test',
							 | 
						||
| 
								 | 
							
								    ];
							 | 
						||
| 
								 | 
							
								    if ($this->disableCssAnimations) {
							 | 
						||
| 
								 | 
							
								      self::$modules[] = 'css_disable_transitions_test';
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    parent::installModulesFromClassProperty($container);
							 | 
						||
| 
								 | 
							
								  }
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								  /**
							 | 
						||
| 
								 | 
							
								   * {@inheritdoc}
							 | 
						||
| 
								 | 
							
								   */
							 | 
						||
| 
								 | 
							
								  protected function initFrontPage() {
							 | 
						||
| 
								 | 
							
								    parent::initFrontPage();
							 | 
						||
| 
								 | 
							
								    // Set a standard window size so that all javascript tests start with the
							 | 
						||
| 
								 | 
							
								    // same viewport.
							 | 
						||
| 
								 | 
							
								    $this->getSession()->resizeWindow(1024, 768);
							 | 
						||
| 
								 | 
							
								  }
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								  /**
							 | 
						||
| 
								 | 
							
								   * {@inheritdoc}
							 | 
						||
| 
								 | 
							
								   */
							 | 
						||
| 
								 | 
							
								  protected function tearDown(): void {
							 | 
						||
| 
								 | 
							
								    if ($this->mink) {
							 | 
						||
| 
								 | 
							
								      // Wait for all requests to finish. It is possible that an AJAX request is
							 | 
						||
| 
								 | 
							
								      // still on-going.
							 | 
						||
| 
								 | 
							
								      $result = $this->getSession()->wait(5000, 'window.drupalActiveXhrCount === 0 || typeof window.drupalActiveXhrCount === "undefined"');
							 | 
						||
| 
								 | 
							
								      if (!$result) {
							 | 
						||
| 
								 | 
							
								        // If the wait is unsuccessful, there may still be an AJAX request in
							 | 
						||
| 
								 | 
							
								        // progress. If we tear down now, then this AJAX request may fail with
							 | 
						||
| 
								 | 
							
								        // missing database tables, because tear down will have removed them.
							 | 
						||
| 
								 | 
							
								        // Rather than allow it to fail, throw an explicit exception now
							 | 
						||
| 
								 | 
							
								        // explaining what the problem is.
							 | 
						||
| 
								 | 
							
								        throw new \RuntimeException('Unfinished AJAX requests while tearing down a test');
							 | 
						||
| 
								 | 
							
								      }
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								      $warnings = $this->getSession()->evaluateScript("JSON.parse(sessionStorage.getItem('js_testing_log_test.warnings') || JSON.stringify([]))");
							 | 
						||
| 
								 | 
							
								      foreach ($warnings as $warning) {
							 | 
						||
| 
								 | 
							
								        if (str_starts_with($warning, '[Deprecation]')) {
							 | 
						||
| 
								 | 
							
								          // phpcs:ignore Drupal.Semantics.FunctionTriggerError
							 | 
						||
| 
								 | 
							
								          @trigger_error('Javascript Deprecation:' . substr($warning, 13), E_USER_DEPRECATED);
							 | 
						||
| 
								 | 
							
								        }
							 | 
						||
| 
								 | 
							
								      }
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    parent::tearDown();
							 | 
						||
| 
								 | 
							
								  }
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								  /**
							 | 
						||
| 
								 | 
							
								   * Triggers a test failure if a JavaScript error was encountered.
							 | 
						||
| 
								 | 
							
								   *
							 | 
						||
| 
								 | 
							
								   * @throws \PHPUnit\Framework\AssertionFailedError
							 | 
						||
| 
								 | 
							
								   *
							 | 
						||
| 
								 | 
							
								   * @postCondition
							 | 
						||
| 
								 | 
							
								   */
							 | 
						||
| 
								 | 
							
								  protected function failOnJavaScriptErrors(): void {
							 | 
						||
| 
								 | 
							
								    if ($this->failOnJavascriptConsoleErrors) {
							 | 
						||
| 
								 | 
							
								      $errors = $this->getSession()->evaluateScript("JSON.parse(sessionStorage.getItem('js_testing_log_test.errors') || JSON.stringify([]))");
							 | 
						||
| 
								 | 
							
								      if (!empty($errors)) {
							 | 
						||
| 
								 | 
							
								        $this->fail(implode("\n", $errors));
							 | 
						||
| 
								 | 
							
								      }
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								  }
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								  /**
							 | 
						||
| 
								 | 
							
								   * {@inheritdoc}
							 | 
						||
| 
								 | 
							
								   */
							 | 
						||
| 
								 | 
							
								  protected function getMinkDriverArgs() {
							 | 
						||
| 
								 | 
							
								    if ($this->minkDefaultDriverClass === DrupalSelenium2Driver::class) {
							 | 
						||
| 
								 | 
							
								      $json = getenv('MINK_DRIVER_ARGS_WEBDRIVER') ?: parent::getMinkDriverArgs();
							 | 
						||
| 
								 | 
							
								      if (!($json === FALSE || $json === '')) {
							 | 
						||
| 
								 | 
							
								        $args = json_decode($json, TRUE);
							 | 
						||
| 
								 | 
							
								        if (isset($args[0]) && $args[0] === 'chrome' && !isset($args[1]['goog:chromeOptions']['w3c'])) {
							 | 
						||
| 
								 | 
							
								          // @todo https://www.drupal.org/project/drupal/issues/3421202
							 | 
						||
| 
								 | 
							
								          //   Deprecate defaulting behavior and require w3c to be set.
							 | 
						||
| 
								 | 
							
								          $args[1]['goog:chromeOptions']['w3c'] = FALSE;
							 | 
						||
| 
								 | 
							
								        }
							 | 
						||
| 
								 | 
							
								        $json = json_encode($args);
							 | 
						||
| 
								 | 
							
								      }
							 | 
						||
| 
								 | 
							
								      return $json;
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    return parent::getMinkDriverArgs();
							 | 
						||
| 
								 | 
							
								  }
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								  /**
							 | 
						||
| 
								 | 
							
								   * Waits for the given time or until the given JS condition becomes TRUE.
							 | 
						||
| 
								 | 
							
								   *
							 | 
						||
| 
								 | 
							
								   * @param string $condition
							 | 
						||
| 
								 | 
							
								   *   JS condition to wait until it becomes TRUE.
							 | 
						||
| 
								 | 
							
								   * @param int $timeout
							 | 
						||
| 
								 | 
							
								   *   (Optional) Timeout in milliseconds, defaults to 10000.
							 | 
						||
| 
								 | 
							
								   * @param string $message
							 | 
						||
| 
								 | 
							
								   *   (optional) A message to display with the assertion. If left blank, a
							 | 
						||
| 
								 | 
							
								   *   default message will be displayed.
							 | 
						||
| 
								 | 
							
								   *
							 | 
						||
| 
								 | 
							
								   * @throws \PHPUnit\Framework\AssertionFailedError
							 | 
						||
| 
								 | 
							
								   *
							 | 
						||
| 
								 | 
							
								   * @see \Behat\Mink\Driver\DriverInterface::evaluateScript()
							 | 
						||
| 
								 | 
							
								   */
							 | 
						||
| 
								 | 
							
								  protected function assertJsCondition($condition, $timeout = 10000, $message = '') {
							 | 
						||
| 
								 | 
							
								    $message = $message ?: "JavaScript condition met:\n" . $condition;
							 | 
						||
| 
								 | 
							
								    $result = $this->getSession()->getDriver()->wait($timeout, $condition);
							 | 
						||
| 
								 | 
							
								    $this->assertTrue($result, $message);
							 | 
						||
| 
								 | 
							
								  }
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								  /**
							 | 
						||
| 
								 | 
							
								   * Creates a screenshot.
							 | 
						||
| 
								 | 
							
								   *
							 | 
						||
| 
								 | 
							
								   * @param string $filename
							 | 
						||
| 
								 | 
							
								   *   The file name of the resulting screenshot including a writable path. For
							 | 
						||
| 
								 | 
							
								   *   example, /tmp/test_screenshot.jpg.
							 | 
						||
| 
								 | 
							
								   * @param bool $set_background_color
							 | 
						||
| 
								 | 
							
								   *   (optional) By default this method will set the background color to white.
							 | 
						||
| 
								 | 
							
								   *   Set to FALSE to override this behavior.
							 | 
						||
| 
								 | 
							
								   *
							 | 
						||
| 
								 | 
							
								   * @throws \Behat\Mink\Exception\UnsupportedDriverActionException
							 | 
						||
| 
								 | 
							
								   *   When operation not supported by the driver.
							 | 
						||
| 
								 | 
							
								   * @throws \Behat\Mink\Exception\DriverException
							 | 
						||
| 
								 | 
							
								   *   When the operation cannot be done.
							 | 
						||
| 
								 | 
							
								   */
							 | 
						||
| 
								 | 
							
								  protected function createScreenshot($filename, $set_background_color = TRUE) {
							 | 
						||
| 
								 | 
							
								    $session = $this->getSession();
							 | 
						||
| 
								 | 
							
								    if ($set_background_color) {
							 | 
						||
| 
								 | 
							
								      $session->executeScript("document.body.style.backgroundColor = 'white';");
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    $image = $session->getScreenshot();
							 | 
						||
| 
								 | 
							
								    file_put_contents($filename, $image);
							 | 
						||
| 
								 | 
							
								  }
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								  /**
							 | 
						||
| 
								 | 
							
								   * Returns WebAssert object.
							 | 
						||
| 
								 | 
							
								   *
							 | 
						||
| 
								 | 
							
								   * @param string $name
							 | 
						||
| 
								 | 
							
								   *   (optional) Name of the session. Defaults to the active session.
							 | 
						||
| 
								 | 
							
								   *
							 | 
						||
| 
								 | 
							
								   * @return \Drupal\FunctionalJavascriptTests\WebDriverWebAssert
							 | 
						||
| 
								 | 
							
								   *   A new web-assert option for asserting the presence of elements with.
							 | 
						||
| 
								 | 
							
								   */
							 | 
						||
| 
								 | 
							
								  public function assertSession($name = NULL) {
							 | 
						||
| 
								 | 
							
								    return new WebDriverWebAssert($this->getSession($name), $this->baseUrl);
							 | 
						||
| 
								 | 
							
								  }
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								  /**
							 | 
						||
| 
								 | 
							
								   * Gets the current Drupal javascript settings and parses into an array.
							 | 
						||
| 
								 | 
							
								   *
							 | 
						||
| 
								 | 
							
								   * Unlike BrowserTestBase::getDrupalSettings(), this implementation reads the
							 | 
						||
| 
								 | 
							
								   * current values of drupalSettings, capturing all changes made via javascript
							 | 
						||
| 
								 | 
							
								   * after the page was loaded.
							 | 
						||
| 
								 | 
							
								   *
							 | 
						||
| 
								 | 
							
								   * @return array
							 | 
						||
| 
								 | 
							
								   *   The Drupal javascript settings array.
							 | 
						||
| 
								 | 
							
								   *
							 | 
						||
| 
								 | 
							
								   * @see \Drupal\Tests\BrowserTestBase::getDrupalSettings()
							 | 
						||
| 
								 | 
							
								   */
							 | 
						||
| 
								 | 
							
								  protected function getDrupalSettings() {
							 | 
						||
| 
								 | 
							
								    $script = <<<EndOfScript
							 | 
						||
| 
								 | 
							
								(function () {
							 | 
						||
| 
								 | 
							
								  if (typeof drupalSettings !== 'undefined') {
							 | 
						||
| 
								 | 
							
								    return drupalSettings;
							 | 
						||
| 
								 | 
							
								  }
							 | 
						||
| 
								 | 
							
								})();
							 | 
						||
| 
								 | 
							
								EndOfScript;
							 | 
						||
| 
								 | 
							
								    $settings = $this->getSession()->evaluateScript($script) ?: [];
							 | 
						||
| 
								 | 
							
								    if (isset($settings['ajaxPageState'])) {
							 | 
						||
| 
								 | 
							
								      $settings['ajaxPageState']['libraries'] = UrlHelper::uncompressQueryParameter($settings['ajaxPageState']['libraries']);
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    return $settings;
							 | 
						||
| 
								 | 
							
								  }
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								  /**
							 | 
						||
| 
								 | 
							
								   * {@inheritdoc}
							 | 
						||
| 
								 | 
							
								   */
							 | 
						||
| 
								 | 
							
								  protected function getHtmlOutputHeaders() {
							 | 
						||
| 
								 | 
							
								    // The webdriver API does not support fetching headers.
							 | 
						||
| 
								 | 
							
								    return '';
							 | 
						||
| 
								 | 
							
								  }
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								}
							 |