includes/specials/SpecialJavaScriptTest.php

   1 <?php
   2 /**
   3  * Implements Special:JavaScriptTest
   4  *
   5  * This program is free software; you can redistribute it and/or modify
   6  * it under the terms of the GNU General Public License as published by
   7  * the Free Software Foundation; either version 2 of the License, or
   8  * (at your option) any later version.
   9  *
  10  * This program is distributed in the hope that it will be useful,
  11  * but WITHOUT ANY WARRANTY; without even the implied warranty of
  12  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
  13  * GNU General Public License for more details.
  14  *
  15  * You should have received a copy of the GNU General Public License along
  16  * with this program; if not, write to the Free Software Foundation, Inc.,
  17  * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
  18  * http://www.gnu.org/copyleft/gpl.html
  19  *
  20  * @file
  21  * @ingroup SpecialPage
  22  */
  23
  24 /**
  25  * @ingroup SpecialPage
  26  */
  27 class SpecialJavaScriptTest extends SpecialPage {
  28
  29         public function __construct() {
  30                 parent::__construct( 'JavaScriptTest' );
  31         }
  32
  33         public function execute( $par ) {
  34                 $out = $this->getOutput();
  35
  36                 $this->setHeaders();
  37                 $out->disallowUserJs();
  38
  39                 // This special page is disabled by default ($wgEnableJavaScriptTest), and contains
  40                 // no sensitive data. In order to allow TestSwarm to embed it into a test client window,
  41                 // we need to allow iframing of this page.
  42                 $out->allowClickjacking();
  43
  44                 // Sub resource: Internal JavaScript export bundle for QUnit
  45                 if ( $par === 'qunit/export' ) {
  46                         $this->exportQUnit();
  47                         return;
  48                 }
  49
  50                 // Regular view: QUnit test runner
  51                 // (Support "/qunit" and "/qunit/plain" for backwards compatibility)
  52                 if ( $par === null || $par === '' || $par === 'qunit' || $par === 'qunit/plain' ) {
  53                         $this->plainQUnit();
  54                         return;
  55                 }
  56
  57                 // Unknown action
  58                 $out->setStatusCode( 404 );
  59                 $out->setPageTitle( $this->msg( 'javascripttest' ) );
  60                 $out->addHTML(
  61                         '<div class="error">'
  62                         . $this->msg( 'javascripttest-pagetext-unknownaction' )
  63                                 ->plaintextParams( $par )->parseAsBlock()
  64                         . '</div>'
  65                 );
  66         }
  67
  68         /**
  69          * Get summary text wrapped in a container
  70          *
  71          * @return string HTML
  72          */
  73         private function getSummaryHtml() {
  74                 $summary = $this->msg( 'javascripttest-qunit-intro' )
  75                         ->params( 'https://www.mediawiki.org/wiki/Manual:JavaScript_unit_testing' )
  76                         ->parseAsBlock();
  77                 return "<div id=\"mw-javascripttest-summary\">$summary</div>";
  78         }
  79
  80         /**
  81          * Generate self-sufficient JavaScript payload to run the tests elsewhere.
  82          *
  83          * Includes startup module to request modules from ResourceLoader.
  84          *
  85          * Note: This modifies the registry to replace 'jquery.qunit' with an
  86          * empty module to allow external environment to preload QUnit with any
  87          * neccecary framework adapters (e.g. Karma). Loading it again would
  88          * re-define QUnit and dereference event handlers from Karma.
  89          */
  90         private function exportQUnit() {
  91                 $out = $this->getOutput();
  92                 $out->disable();
  93
  94                 $rl = $out->getResourceLoader();
  95
  96                 $query = [
  97                         'lang' => $this->getLanguage()->getCode(),
  98                         'skin' => $this->getSkin()->getSkinName(),
  99                         'debug' => ResourceLoader::inDebugMode() ? 'true' : 'false',
 100                         'target' => 'test',
 101                 ];
 102                 $embedContext = new ResourceLoaderContext( $rl, new FauxRequest( $query ) );
 103                 $query['only'] = 'scripts';
 104                 $startupContext = new ResourceLoaderContext( $rl, new FauxRequest( $query ) );
 105
 106                 $modules = $rl->getTestModuleNames( 'qunit' );
 107
 108                 // Disable autostart because we load modules asynchronously. By default, QUnit would start
 109                 // at domready when there are no tests loaded and also fire 'QUnit.done' which then instructs
 110                 // Karma to exit the browser process before the tests even finished loading.
 111                 $qunitConfig = 'QUnit.config.autostart = false;'
 112                         . 'if (window.__karma__) {'
 113                         // karma-qunit's use of autostart=false and QUnit.start conflicts with ours.
 114                         // Hack around this by replacing 'karma.loaded' with a no-op and perfom its duty of calling
 115                         // `__karma__.start()` ourselves. See <https://github.com/karma-runner/karma-qunit/issues/27>.
 116                         . 'window.__karma__.loaded = function () {};'
 117                         . '}';
 118
 119                 // The below is essentially a pure-javascript version of OutputPage::headElement().
 120                 $code = $rl->makeModuleResponse( $startupContext, [
 121                         'startup' => $rl->getModule( 'startup' ),
 122                 ] );
 123                 // The following has to be deferred via RLQ because the startup module is asynchronous.
 124                 $code .= ResourceLoader::makeLoaderConditionalScript(
 125                         // Embed page-specific mw.config variables.
 126                         // The current Special page shouldn't be relevant to tests, but various modules (which
 127                         // are loaded before the test suites), reference mw.config while initialising.
 128                         ResourceLoader::makeConfigSetScript( $out->getJSVars() )
 129                         // Embed private modules as they're not allowed to be loaded dynamically
 130                         . $rl->makeModuleResponse( $embedContext, [
 131                                 'user.options' => $rl->getModule( 'user.options' ),
 132                                 'user.tokens' => $rl->getModule( 'user.tokens' ),
 133                         ] )
 134                         // Load all the test suites
 135                         . Xml::encodeJsCall( 'mw.loader.load', [ $modules ] )
 136                 );
 137                 $encModules = Xml::encodeJsVar( $modules );
 138                 $code .= ResourceLoader::makeInlineCodeWithModule( 'mediawiki.base', <<<JAVASCRIPT
 139         var start = window.__karma__ ? window.__karma__.start : QUnit.start;
 140         mw.loader.using( $encModules ).always( start );
 141         mw.trackSubscribe( 'resourceloader.exception', function ( topic, err ) {
 142                 // Things like "dependency missing" or "unknown module".
 143                 // Re-throw so that they are reported as global exceptions by QUnit and Karma.
 144                 setTimeout( function () {
 145                         throw e;
 146                 } );
 147         } );
 148 JAVASCRIPT
 149         );
 150
 151                 header( 'Content-Type: text/javascript; charset=utf-8' );
 152                 header( 'Cache-Control: private, no-cache, must-revalidate' );
 153                 header( 'Pragma: no-cache' );
 154                 echo $qunitConfig;
 155                 echo $code;
 156         }
 157
 158         private function plainQUnit() {
 159                 $out = $this->getOutput();
 160                 $out->disable();
 161
 162                 $styles = $out->makeResourceLoaderLink( 'jquery.qunit',
 163                         ResourceLoaderModule::TYPE_STYLES
 164                 );
 165
 166                 // Use 'raw' because QUnit loads before ResourceLoader initialises (omit mw.loader.state call)
 167                 // Use 'test' to ensure OutputPage doesn't use the "async" attribute because QUnit must
 168                 // load before qunit/export.
 169                 $scripts = $out->makeResourceLoaderLink( 'jquery.qunit',
 170                         ResourceLoaderModule::TYPE_SCRIPTS,
 171                         [ 'raw' => true, 'sync' => true ]
 172                 );
 173
 174                 $head = implode( "\n", [ $styles, $scripts ] );
 175                 $summary = $this->getSummaryHtml();
 176                 $html = <<<HTML
 177 <!DOCTYPE html>
 178 <title>QUnit</title>
 179 $head
 180 $summary
 181 <div id="qunit"></div>
 182 HTML;
 183
 184                 $url = $this->getPageTitle( 'qunit/export' )->getFullURL( [
 185                         'debug' => ResourceLoader::inDebugMode() ? 'true' : 'false',
 186                 ] );
 187                 $html .= "\n" . Html::linkedScript( $url );
 188
 189                 header( 'Content-Type: text/html; charset=utf-8' );
 190                 echo $html;
 191         }
 192
 193         protected function getGroupName() {
 194                 return 'other';
 195         }
 196 }