2012-01-03 18:33:26 +00:00
|
|
|
<?php
|
2012-02-09 09:34:47 +00:00
|
|
|
/**
|
2012-04-28 18:41:55 +00:00
|
|
|
* Implements Special:JavaScriptTest
|
|
|
|
|
*
|
|
|
|
|
* This program is free software; you can redistribute it and/or modify
|
|
|
|
|
* it under the terms of the GNU General Public License as published by
|
|
|
|
|
* the Free Software Foundation; either version 2 of the License, or
|
|
|
|
|
* (at your option) any later version.
|
|
|
|
|
*
|
|
|
|
|
* This program is distributed in the hope that it will be useful,
|
|
|
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
|
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
|
|
|
* GNU General Public License for more details.
|
|
|
|
|
*
|
|
|
|
|
* You should have received a copy of the GNU General Public License along
|
|
|
|
|
* with this program; if not, write to the Free Software Foundation, Inc.,
|
|
|
|
|
* 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
|
|
|
|
|
* http://www.gnu.org/copyleft/gpl.html
|
|
|
|
|
*
|
2012-02-09 09:34:47 +00:00
|
|
|
* @file
|
2012-04-28 18:41:55 +00:00
|
|
|
* @ingroup SpecialPage
|
2012-02-09 09:34:47 +00:00
|
|
|
*/
|
2012-01-03 18:33:26 +00:00
|
|
|
|
2012-02-09 09:34:47 +00:00
|
|
|
/**
|
|
|
|
|
* @ingroup SpecialPage
|
|
|
|
|
*/
|
2012-01-03 18:33:26 +00:00
|
|
|
class SpecialJavaScriptTest extends SpecialPage {
|
|
|
|
|
/**
|
2014-12-02 21:48:21 +00:00
|
|
|
* @var array Supported frameworks.
|
2012-01-03 18:33:26 +00:00
|
|
|
*/
|
2014-05-09 19:34:13 +00:00
|
|
|
private static $frameworks = array(
|
2014-12-02 21:48:21 +00:00
|
|
|
'qunit',
|
2012-01-03 18:33:26 +00:00
|
|
|
);
|
|
|
|
|
|
|
|
|
|
public function __construct() {
|
|
|
|
|
parent::__construct( 'JavaScriptTest' );
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
public function execute( $par ) {
|
|
|
|
|
$out = $this->getOutput();
|
|
|
|
|
|
|
|
|
|
$this->setHeaders();
|
|
|
|
|
$out->disallowUserJs();
|
|
|
|
|
|
2014-12-02 21:48:21 +00:00
|
|
|
if ( $par === null ) {
|
|
|
|
|
// No framework specified
|
|
|
|
|
$out->setStatusCode( 404 );
|
2012-02-10 19:46:04 +00:00
|
|
|
$out->setPageTitle( $this->msg( 'javascripttest' ) );
|
2014-12-02 21:48:21 +00:00
|
|
|
$out->addHTML(
|
|
|
|
|
$this->msg( 'javascripttest-pagetext-noframework' )->parseAsBlock()
|
|
|
|
|
. $this->getFrameworkListHtml()
|
2012-01-03 18:33:26 +00:00
|
|
|
);
|
2014-12-02 21:48:21 +00:00
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Determine framework and mode
|
|
|
|
|
$pars = explode( '/', $par, 2 );
|
|
|
|
|
|
|
|
|
|
$framework = $pars[0];
|
|
|
|
|
if ( !in_array( $framework, self::$frameworks ) ) {
|
|
|
|
|
// Framework not found
|
|
|
|
|
$out->setStatusCode( 404 );
|
|
|
|
|
$out->addHTML(
|
|
|
|
|
'<div class="error">'
|
|
|
|
|
. $this->msg( 'javascripttest-pagetext-unknownframework' )
|
|
|
|
|
->plaintextParams( $par )->parseAsBlock()
|
|
|
|
|
. '</div>'
|
|
|
|
|
. $this->getFrameworkListHtml()
|
2012-01-04 10:31:02 +00:00
|
|
|
);
|
2014-12-02 21:48:21 +00:00
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// This special page is disabled by default ($wgEnableJavaScriptTest), and contains
|
|
|
|
|
// no sensitive data. In order to allow TestSwarm to embed it into a test client window,
|
|
|
|
|
// we need to allow iframing of this page.
|
|
|
|
|
$out->allowClickjacking();
|
|
|
|
|
$out->setSubtitle(
|
|
|
|
|
$this->msg( 'javascripttest-backlink' )
|
|
|
|
|
->rawParams( Linker::linkKnown( $this->getPageTitle() ) )
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
// Custom actions
|
|
|
|
|
if ( isset( $pars[1] ) ) {
|
|
|
|
|
$action = $pars[1];
|
|
|
|
|
if ( !in_array( $action, array( 'export', 'plain' ) ) ) {
|
|
|
|
|
$out->setStatusCode( 404 );
|
|
|
|
|
$out->addHTML(
|
|
|
|
|
'<div class="error">'
|
|
|
|
|
. $this->msg( 'javascripttest-pagetext-unknownaction' )
|
|
|
|
|
->plaintextParams( $action )->parseAsBlock()
|
|
|
|
|
. '</div>'
|
|
|
|
|
);
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
$method = $action . ucfirst( $framework );
|
|
|
|
|
$this->$method();
|
|
|
|
|
return;
|
2012-01-03 18:33:26 +00:00
|
|
|
}
|
2014-12-02 21:48:21 +00:00
|
|
|
|
|
|
|
|
$out->addModules( 'mediawiki.special.javaScriptTest' );
|
|
|
|
|
|
|
|
|
|
$method = 'view' . ucfirst( $framework );
|
|
|
|
|
$this->$method();
|
|
|
|
|
$out->setPageTitle( $this->msg(
|
|
|
|
|
'javascripttest-title',
|
|
|
|
|
// Messages: javascripttest-qunit-name
|
|
|
|
|
$this->msg( "javascripttest-$framework-name" )->plain()
|
|
|
|
|
) );
|
2012-01-03 18:33:26 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**
|
2013-05-09 14:51:30 +00:00
|
|
|
* Get a list of frameworks (including introduction paragraph and links
|
|
|
|
|
* to the framework run pages)
|
|
|
|
|
*
|
|
|
|
|
* @return string HTML
|
2012-01-03 18:33:26 +00:00
|
|
|
*/
|
|
|
|
|
private function getFrameworkListHtml() {
|
|
|
|
|
$list = '<ul>';
|
2014-12-02 21:48:21 +00:00
|
|
|
foreach ( self::$frameworks as $framework ) {
|
2012-01-03 18:33:26 +00:00
|
|
|
$list .= Html::rawElement(
|
|
|
|
|
'li',
|
|
|
|
|
array(),
|
2013-05-09 14:51:30 +00:00
|
|
|
Linker::link(
|
2013-12-24 08:07:04 +00:00
|
|
|
$this->getPageTitle( $framework ),
|
2013-08-28 00:38:27 +00:00
|
|
|
// Message: javascripttest-qunit-name
|
2013-05-09 14:51:30 +00:00
|
|
|
$this->msg( "javascripttest-$framework-name" )->escaped()
|
|
|
|
|
)
|
2012-01-03 18:33:26 +00:00
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
$list .= '</ul>';
|
|
|
|
|
|
2013-05-09 14:51:30 +00:00
|
|
|
return $this->msg( 'javascripttest-pagetext-frameworks' )->rawParams( $list )
|
|
|
|
|
->parseAsBlock();
|
2012-01-03 18:33:26 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**
|
2014-12-02 21:48:21 +00:00
|
|
|
* Wrap HTML contents in a summary container.
|
|
|
|
|
*
|
|
|
|
|
* @param string $html HTML contents to be wrapped
|
|
|
|
|
* @return string HTML
|
2012-01-03 18:33:26 +00:00
|
|
|
*/
|
2014-12-02 21:48:21 +00:00
|
|
|
private function wrapSummaryHtml( $html ) {
|
|
|
|
|
return "<div id=\"mw-javascripttest-summary\">$html</div>";
|
2012-01-03 18:33:26 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**
|
2014-12-02 21:48:21 +00:00
|
|
|
* Run the test suite on the Special page.
|
|
|
|
|
*
|
|
|
|
|
* Rendered by OutputPage and Skin.
|
2012-01-03 18:33:26 +00:00
|
|
|
*/
|
2014-12-02 21:48:21 +00:00
|
|
|
private function viewQUnit() {
|
2012-01-03 18:33:26 +00:00
|
|
|
$out = $this->getOutput();
|
|
|
|
|
|
2014-12-02 21:48:21 +00:00
|
|
|
$modules = $out->getResourceLoader()->getTestModuleNames( 'qunit' );
|
2012-01-03 18:33:26 +00:00
|
|
|
|
2012-02-10 19:46:04 +00:00
|
|
|
$summary = $this->msg( 'javascripttest-qunit-intro' )
|
2014-12-16 01:18:16 +00:00
|
|
|
->params( 'https://www.mediawiki.org/wiki/Manual:JavaScript_unit_testing' )
|
2012-01-03 18:33:26 +00:00
|
|
|
->parseAsBlock();
|
|
|
|
|
|
|
|
|
|
$baseHtml = <<<HTML
|
2012-01-17 00:23:07 +00:00
|
|
|
<div class="mw-content-ltr">
|
2014-12-02 21:48:21 +00:00
|
|
|
<div id="qunit"></div>
|
2012-01-17 00:23:07 +00:00
|
|
|
</div>
|
2012-01-03 18:33:26 +00:00
|
|
|
HTML;
|
|
|
|
|
|
2014-12-02 21:48:21 +00:00
|
|
|
$out->addHtml( $this->wrapSummaryHtml( $summary ) . $baseHtml );
|
|
|
|
|
|
|
|
|
|
// The testrunner configures QUnit and essentially depends on it. However, test suites
|
|
|
|
|
// are reusable in environments that preload QUnit (or a compatibility interface to
|
|
|
|
|
// another framework). Therefore we have to load it ourselves.
|
Optimize order of styles and scripts
The current ordering of scripts and stylesheets in <head> causes all major
browsers to serialize and defer requests that could be performed in parallel.
The problem is that external stylesheets are loaded before inline scripts. As
Steven Souders explains, "all major browsers preserve the order of CSS and
JavaScript. The stylesheet has to be fully downloaded, parsed, and applied
before the inline script is executed. And the inline script must be executed
before the remaining resources can be downloaded. Therefore, resources that
follow a stylesheet and inline script are blocked from downloading."[1]
In other words: the browser could start loading body images, but it refuses to
do that until it has executed inline scripts in head. And it refuses to execute
those scripts until the external CSS is downloaded, parsed and applied. You can
see the effect of this in this image, showing the request waterfall for
[[en:Gothic Alphabet]]: [2]. Notice how no images were requested before the
browser had finished processing the three load.php requests at the top.
To fix this, we want to move the inline scripts above the external CSS. This is
a little bit tricky, because the inline scripts depend on mw.loader, which is
loaded via an external script. If we move the external script so that it too is
above the external stylesheet, we force the browser to serialize requests,
because the browser will not retrieve the external CSS until it has retrieved
and executed the external JS code. So what we want is to move the inline
scripts above the external stylesheet, but keep the external script (which the
inline scripts depend on) below the external stylesheet.
We can do this by wrapping the inline script code in a closure (which binds
'mw') and enqueuing the closure in a global array which will be processed by
the startup module at just the right time.
Net result: external CSS and JS is retrieved in parallel, retrieval of images
(and other external assets) is unblocked, but the order in which code is
evaluated remains the same.
[1]: <http://www.stevesouders.com/blog/2009/05/06/positioning-inline-scripts/>
[2]: <http://people.wikimedia.org/~ori/enwiki-waterfall.png> (excerpted from
<http://www.webpagetest.org/result/150316_0C_7MB/1/details/>.
Change-Id: I98d383a6299ffbd10210431544a505338ca8643f
2015-03-16 02:45:17 +00:00
|
|
|
$out->addHtml( ResourceLoader::makeInlineScript(
|
|
|
|
|
Xml::encodeJsCall( 'mw.loader.using', array(
|
|
|
|
|
array( 'jquery.qunit', 'jquery.qunit.completenessTest' ),
|
|
|
|
|
new XmlJsCode(
|
|
|
|
|
'function () {' . Xml::encodeJsCall( 'mw.loader.load', array( $modules ) ) . '}'
|
|
|
|
|
)
|
|
|
|
|
) )
|
2014-12-02 21:48:21 +00:00
|
|
|
) );
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* Generate self-sufficient JavaScript payload to run the tests elsewhere.
|
|
|
|
|
*
|
|
|
|
|
* Includes startup module to request modules from ResourceLoader.
|
|
|
|
|
*
|
|
|
|
|
* Note: This modifies the registry to replace 'jquery.qunit' with an
|
|
|
|
|
* empty module to allow external environment to preload QUnit with any
|
|
|
|
|
* neccecary framework adapters (e.g. Karma). Loading it again would
|
|
|
|
|
* re-define QUnit and dereference event handlers from Karma.
|
|
|
|
|
*/
|
|
|
|
|
private function exportQUnit() {
|
|
|
|
|
$out = $this->getOutput();
|
|
|
|
|
$out->disable();
|
|
|
|
|
|
|
|
|
|
$rl = $out->getResourceLoader();
|
|
|
|
|
|
|
|
|
|
$query = array(
|
|
|
|
|
'lang' => $this->getLanguage()->getCode(),
|
|
|
|
|
'skin' => $this->getSkin()->getSkinName(),
|
|
|
|
|
'debug' => ResourceLoader::inDebugMode() ? 'true' : 'false',
|
|
|
|
|
);
|
|
|
|
|
$embedContext = new ResourceLoaderContext( $rl, new FauxRequest( $query ) );
|
|
|
|
|
$query['only'] = 'scripts';
|
|
|
|
|
$startupContext = new ResourceLoaderContext( $rl, new FauxRequest( $query ) );
|
|
|
|
|
|
|
|
|
|
$modules = $rl->getTestModuleNames( 'qunit' );
|
|
|
|
|
|
|
|
|
|
// The below is essentially a pure-javascript version of OutputPage::getHeadScripts.
|
|
|
|
|
$startup = $rl->makeModuleResponse( $startupContext, array(
|
|
|
|
|
'startup' => $rl->getModule( 'startup' ),
|
|
|
|
|
) );
|
|
|
|
|
// Embed page-specific mw.config variables.
|
|
|
|
|
// The current Special page shouldn't be relevant to tests, but various modules (which
|
|
|
|
|
// are loaded before the test suites), reference mw.config while initialising.
|
|
|
|
|
$code = ResourceLoader::makeConfigSetScript( $out->getJSVars() );
|
|
|
|
|
// Embed private modules as they're not allowed to be loaded dynamically
|
|
|
|
|
$code .= $rl->makeModuleResponse( $embedContext, array(
|
|
|
|
|
'user.options' => $rl->getModule( 'user.options' ),
|
|
|
|
|
'user.tokens' => $rl->getModule( 'user.tokens' ),
|
|
|
|
|
) );
|
|
|
|
|
$code .= Xml::encodeJsCall( 'mw.loader.load', array( $modules ) );
|
|
|
|
|
|
|
|
|
|
header( 'Content-Type: text/javascript; charset=utf-8' );
|
|
|
|
|
header( 'Cache-Control: private, no-cache, must-revalidate' );
|
|
|
|
|
header( 'Pragma: no-cache' );
|
|
|
|
|
echo $startup;
|
|
|
|
|
echo "\n";
|
|
|
|
|
// Note: The following has to be wrapped in a script tag because the startup module also
|
|
|
|
|
// writes a script tag (the one loading mediawiki.js). Script tags are synchronous, block
|
|
|
|
|
// each other, and run in order. But they don't nest. The code appended after the startup
|
|
|
|
|
// module runs before the added script tag is parsed and executed.
|
|
|
|
|
echo Xml::encodeJsCall( 'document.write', array( Html::inlineScript( $code ) ) );
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
private function plainQUnit() {
|
|
|
|
|
$out = $this->getOutput();
|
|
|
|
|
$out->disable();
|
|
|
|
|
|
|
|
|
|
$url = $this->getPageTitle( 'qunit/export' )->getFullURL( array(
|
|
|
|
|
'debug' => ResourceLoader::inDebugMode() ? 'true' : 'false',
|
|
|
|
|
) );
|
|
|
|
|
|
2015-03-15 02:50:37 +00:00
|
|
|
$styles = $out->makeResourceLoaderLink(
|
|
|
|
|
'jquery.qunit', ResourceLoaderModule::TYPE_STYLES, false
|
|
|
|
|
);
|
2014-12-02 21:48:21 +00:00
|
|
|
// Use 'raw' since this is a plain HTML page without ResourceLoader
|
2015-03-15 02:50:37 +00:00
|
|
|
$scripts = $out->makeResourceLoaderLink(
|
|
|
|
|
'jquery.qunit', ResourceLoaderModule::TYPE_SCRIPTS, false, array( 'raw' => 'true' )
|
|
|
|
|
);
|
2014-12-02 21:48:21 +00:00
|
|
|
|
|
|
|
|
$head = trim( $styles['html'] . $scripts['html'] );
|
|
|
|
|
$html = <<<HTML
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<title>QUnit</title>
|
|
|
|
|
$head
|
|
|
|
|
<div id="qunit"></div>
|
|
|
|
|
HTML;
|
|
|
|
|
$html .= "\n" . Html::linkedScript( $url );
|
|
|
|
|
|
|
|
|
|
header( 'Content-Type: text/html; charset=utf-8' );
|
|
|
|
|
echo $html;
|
2012-01-03 18:33:26 +00:00
|
|
|
}
|
2013-03-07 20:15:54 +00:00
|
|
|
|
2014-06-23 20:16:31 +00:00
|
|
|
/**
|
2014-11-26 18:29:15 +00:00
|
|
|
* Return an array of subpages that this special page will accept.
|
2014-06-23 20:16:31 +00:00
|
|
|
*
|
2014-11-26 18:29:15 +00:00
|
|
|
* @return string[] subpages
|
2014-06-23 20:16:31 +00:00
|
|
|
*/
|
2014-11-26 18:29:15 +00:00
|
|
|
public function getSubpagesForPrefixSearch() {
|
2014-12-02 21:48:21 +00:00
|
|
|
return self::$frameworks;
|
2014-06-23 20:16:31 +00:00
|
|
|
}
|
|
|
|
|
|
2013-03-07 20:15:54 +00:00
|
|
|
protected function getGroupName() {
|
|
|
|
|
return 'other';
|
|
|
|
|
}
|
2012-01-03 18:33:26 +00:00
|
|
|
}
|