mirror of
https://github.com/jquery/jquery.git
synced 2024-10-05 11:34:18 +00:00
437f389a24
PR gh-4550 added support for running ES modules & AMD tests via Karma. This required reading the `esmodules` & `amd` props from both `QUnit.config` & `QUnit.urlParams`. By picking these two properties manually, the `dev` one stopped being respected while ones handled directly by QUnit were fine (like `hidepassed`). Instead of maintaining the full list of options, the code now iterates over QUnit URL config and handles the fallbacks in a more generic way. Apart from that, all jQuery source & test files are now read directly from disk instead of being cached by Karma so that one can run `grunt karma:chrome-debug` & work on a fix without restarting that Karma run after each change. A similar effect could have been achieved by setting `autoWatch` to `true` but then the main Karma page runs tests in an iframe by default when `grunt karma:chrome-debug` is run instead of relying on the current debug flow. Closes gh-4574 Ref gh-4550
100 lines
2.7 KiB
JavaScript
100 lines
2.7 KiB
JavaScript
// Use the right jQuery source on the test page (and iframes)
|
|
( function() {
|
|
/* global loadTests: false */
|
|
|
|
var dynamicImportSource, config, src,
|
|
FILEPATH = "/test/jquery.js",
|
|
activeScript = [].slice.call( document.getElementsByTagName( "script" ), -1 )[ 0 ],
|
|
parentUrl = activeScript && activeScript.src ?
|
|
activeScript.src.replace( /[?#].*/, "" ) + FILEPATH.replace( /[^/]+/g, ".." ) + "/" :
|
|
"../",
|
|
QUnit = window.QUnit,
|
|
require = window.require;
|
|
|
|
function getQUnitConfig() {
|
|
var config = Object.create( null );
|
|
|
|
// Default to unminified jQuery for directly-opened iframes
|
|
if ( !QUnit ) {
|
|
config.dev = true;
|
|
} else {
|
|
|
|
// QUnit.config is populated from QUnit.urlParams but only at the beginning
|
|
// of the test run. We need to read both.
|
|
QUnit.config.urlConfig.forEach( function( entry ) {
|
|
config[ entry.id ] = QUnit.config[ entry.id ] != null ?
|
|
QUnit.config[ entry.id ] :
|
|
QUnit.urlParams[ entry.id ];
|
|
} );
|
|
}
|
|
|
|
return config;
|
|
}
|
|
|
|
// Define configuration parameters controlling how jQuery is loaded
|
|
if ( QUnit ) {
|
|
QUnit.config.urlConfig.push( {
|
|
id: "esmodules",
|
|
label: "Load as modules",
|
|
tooltip: "Load the jQuery module file (and its dependencies)"
|
|
}, {
|
|
id: "amd",
|
|
label: "Load with AMD",
|
|
tooltip: "Load the AMD jQuery file (and its dependencies)"
|
|
}, {
|
|
id: "dev",
|
|
label: "Load unminified",
|
|
tooltip: "Load the development (unminified) jQuery file"
|
|
} );
|
|
}
|
|
|
|
config = getQUnitConfig();
|
|
|
|
src = config.dev ?
|
|
"dist/jquery.js" :
|
|
"dist/jquery.min.js";
|
|
|
|
// Honor ES modules loading on the main window (detected by seeing QUnit on it).
|
|
// This doesn't apply to iframes because they synchronously expect jQuery to be there.
|
|
if ( config.esmodules && QUnit ) {
|
|
|
|
// Support: IE 11+, Edge 12 - 18+
|
|
// IE/Edge don't support the dynamic import syntax so they'd crash
|
|
// with a SyntaxError here.
|
|
dynamicImportSource = "" +
|
|
"import( `${ parentUrl }src/jquery.js` )\n" +
|
|
" .then( ( { default: jQuery } ) => {\n" +
|
|
" window.jQuery = jQuery;\n" +
|
|
" if ( typeof loadTests === \"function\" ) {\n" +
|
|
" // Include tests if specified\n" +
|
|
" loadTests();\n" +
|
|
" }\n" +
|
|
" } )\n" +
|
|
" .catch( error => {\n" +
|
|
" console.error( error );\n" +
|
|
" QUnit.done();\n" +
|
|
" } );";
|
|
|
|
eval( dynamicImportSource );
|
|
|
|
// Apply similar treatment for AMD modules
|
|
} else if ( config.amd && QUnit ) {
|
|
require.config( {
|
|
baseUrl: parentUrl
|
|
} );
|
|
src = "amd/jquery";
|
|
|
|
// Include tests if specified
|
|
if ( typeof loadTests !== "undefined" ) {
|
|
require( [ src ], loadTests );
|
|
} else {
|
|
require( [ src ] );
|
|
}
|
|
|
|
// Otherwise, load synchronously
|
|
} else {
|
|
document.write( "<script id='jquery-js' nonce='jquery+hardcoded+nonce' src='" + parentUrl + src + "'><\x2Fscript>" );
|
|
}
|
|
|
|
} )();
|