mirror of
https://github.com/jquery/jquery.git
synced 2024-12-09 08:04:24 +00:00
ef434cd8d3
This is a complete rework of our testing infrastructure. The main goal is to modernize and drop deprecated or undermaintained dependencies (specifically, grunt, karma, and testswarm). We've achieved that by limiting our dependency list to ones that are unlikely to drop support any time soon. The new dependency list includes: - `qunit` (our trusty unit testing library) - `selenium-webdriver` (for spinning up local browsers) - `express` (for starting a test server and adding middleware) - express middleware includes uses of `body-parser` and `raw-body` - `yargs` (for constructing a CLI with pretty help text) - BrowserStack (for running each of our QUnit modules separately in all of our supported browsers) - `browserstack-local` (for opening a local tunnel. This is the same package still currently used in the new Browserstack SDK) - We are not using any other BrowserStack library. The newest BrowserStack SDK does not fit our needs (and isn't open source). Existing libraries, such as `node-browserstack` or `browserstack-runner`, either do not quite fit our needs, are under-maintained and out-of-date, or are not robust enough to meet all of our requirements. We instead call the [BrowserStack REST API](https://github.com/browserstack/api) directly. **BrowserStack** - automatically retries individual modules in case of test failure(s) - automatically attempts to re-establish broken tunnels - automatically refreshes the page in case a test run has stalled - Browser workers are reused when running isolated modules in the same browser - runs all browsers concurrently and uses as many sessions as are available under the BrowserStack plan. It will wait for available sessions if there are none. - supports filtering the available list of browsers by browser name, browser version, device, OS, and OS version (see `npm run test:unit -- --list-browsers` for more info). It will retrieve the latest matching browser available if any of those parameters are not specified. Supports latest and latest-\d+ in place of browser version. - cleans up after itself (closes the local tunnel, stops the test server, etc.) - Requires `BROWSERSTACK_USERNAME` and `BROWSERSTACK_ACCESS_KEY` environment variables. **Selenium** - supports running any local browser as long as the driver is installed, including support for headless mode in Chrome, FF, and Edge - supports running `basic` tests on the latest [jsdom](https://github.com/jsdom/jsdom#readme), which can be seen in action in this PR (see `test:browserless`) - Node tests will run as before in PRs and all non-dependabot branches, but now includes tests on real Safari in a GH actions macos image instead of playwright-webkit. - can run multiple browsers and multiple modules concurrently Other notes: - Stale dependencies have been removed and all remaining dependencies have been upgraded with a few exceptions: - `sinon`: stopped supporting IE in version 10. But, `sinon` has been updated to 9.x. - `husky`: latest does not support Node 10 and runs on `npm install`. Needed for now until git builds are migrated to GitHub Actions. - `rollup`: latest does not support Node 10. Needed for now until git builds are migrated to GitHub Actions. - BrowserStack tests are set to run on each `main` branch commit - `debug` mode leaves Selenium browsers open whether they pass or fail and leaves browsers with test failures open on BrowserStack. The latter is to avoid leaving open too many sessions. - This PR includes a workflow to dispatch BrowserStack runs on-demand - The Node version used for most workflow tests has been upgraded to 20.x - updated supportjQuery to 3.7.1 Run `npm run test:unit -- --help` for CLI documentation Close gh-5427
468 lines
13 KiB
JavaScript
468 lines
13 KiB
JavaScript
/* eslint no-multi-str: "off" */
|
|
|
|
"use strict";
|
|
|
|
var parentUrl = window.location.protocol + "//" + window.location.host,
|
|
|
|
// baseURL is intentionally set to "data/" instead of "".
|
|
// This is not just for convenience (since most files are in data/)
|
|
// but also to ensure that urls without prefix fail.
|
|
baseURL = parentUrl + "/test/data/",
|
|
supportjQuery = this.jQuery,
|
|
|
|
// see RFC 2606
|
|
externalHost = "example.com";
|
|
|
|
this.hasPHP = true;
|
|
this.isLocal = window.location.protocol === "file:";
|
|
|
|
// Setup global variables before loading jQuery for testing .noConflict()
|
|
supportjQuery.noConflict( true );
|
|
window.originaljQuery = this.jQuery = undefined;
|
|
window.original$ = this.$ = "replaced";
|
|
|
|
/**
|
|
* Returns an array of elements with the given IDs
|
|
* @example q( "main", "foo", "bar" )
|
|
* @result [<div id="main">, <span id="foo">, <input id="bar">]
|
|
*/
|
|
this.q = function() {
|
|
var r = [],
|
|
i = 0;
|
|
|
|
for ( ; i < arguments.length; i++ ) {
|
|
r.push( document.getElementById( arguments[ i ] ) );
|
|
}
|
|
return r;
|
|
};
|
|
|
|
/**
|
|
* Asserts that a select matches the given IDs
|
|
* @param {String} message - Assertion name
|
|
* @param {String} selector - jQuery selector
|
|
* @param {String} expectedIds - Array of ids to construct what is expected
|
|
* @param {(String|Node)=document} context - Selector context
|
|
* @example match("Check for something", "p", ["foo", "bar"]);
|
|
*/
|
|
function match( message, selector, expectedIds, context, assert ) {
|
|
var elems = jQuery( selector, context ).get();
|
|
|
|
assert.deepEqual( elems, q.apply( q, expectedIds ), message + " (" + selector + ")" );
|
|
}
|
|
|
|
/**
|
|
* Asserts that a select matches the given IDs.
|
|
* The select is not bound by a context.
|
|
* @param {String} message - Assertion name
|
|
* @param {String} selector - jQuery selector
|
|
* @param {String} expectedIds - Array of ids to construct what is expected
|
|
* @example t("Check for something", "p", ["foo", "bar"]);
|
|
*/
|
|
QUnit.assert.t = function( message, selector, expectedIds ) {
|
|
match( message, selector, expectedIds, undefined, QUnit.assert );
|
|
};
|
|
|
|
/**
|
|
* Asserts that a select matches the given IDs.
|
|
* The select is performed within the `#qunit-fixture` context.
|
|
* @param {String} message - Assertion name
|
|
* @param {String} selector - jQuery selector
|
|
* @param {String} expectedIds - Array of ids to construct what is expected
|
|
* @example selectInFixture("Check for something", "p", ["foo", "bar"]);
|
|
*/
|
|
QUnit.assert.selectInFixture = function( message, selector, expectedIds ) {
|
|
match( message, selector, expectedIds, "#qunit-fixture", QUnit.assert );
|
|
};
|
|
|
|
this.createDashboardXML = function() {
|
|
var string = "<?xml version='1.0' encoding='UTF-8'?> \
|
|
<dashboard> \
|
|
<locations class='foo'> \
|
|
<location for='bar' checked='different'> \
|
|
<infowindowtab normal='ab' mixedCase='yes'> \
|
|
<tab title='Location'><![CDATA[blabla]]></tab> \
|
|
<tab title='Users'><![CDATA[blublu]]></tab> \
|
|
</infowindowtab> \
|
|
</location> \
|
|
</locations> \
|
|
</dashboard>";
|
|
|
|
return jQuery.parseXML( string );
|
|
};
|
|
|
|
this.createWithFriesXML = function() {
|
|
var string = "<?xml version='1.0' encoding='UTF-8'?> \
|
|
<soap:Envelope xmlns:soap='http://schemas.xmlsoap.org/soap/envelope/' \
|
|
xmlns:xsd='http://www.w3.org/2001/XMLSchema' \
|
|
xmlns:xsi='http://www.w3.org/2001/XMLSchema-instance'> \
|
|
<soap:Body> \
|
|
<jsconf xmlns='http://www.example.com/ns1'> \
|
|
<response xmlns:ab='http://www.example.com/ns2'> \
|
|
<meta> \
|
|
<component id='seite1' class='component'> \
|
|
<properties xmlns:cd='http://www.example.com/ns3'> \
|
|
<property name='prop1'> \
|
|
<thing /> \
|
|
<value>1</value> \
|
|
</property> \
|
|
<property name='prop2'> \
|
|
<thing att='something' /> \
|
|
</property> \
|
|
<foo_bar>foo</foo_bar> \
|
|
</properties> \
|
|
</component> \
|
|
</meta> \
|
|
</response> \
|
|
</jsconf> \
|
|
</soap:Body> \
|
|
</soap:Envelope>";
|
|
|
|
return jQuery.parseXML( string );
|
|
};
|
|
|
|
this.createWithFriesXML = function() {
|
|
var string = "<?xml version='1.0' encoding='UTF-8'?> \
|
|
<soap:Envelope xmlns:soap='http://schemas.xmlsoap.org/soap/envelope/' \
|
|
xmlns:xsd='http://www.w3.org/2001/XMLSchema' \
|
|
xmlns:xsi='http://www.w3.org/2001/XMLSchema-instance'> \
|
|
<soap:Body> \
|
|
<jsconf xmlns='http://{{ externalHost }}/ns1'> \
|
|
<response xmlns:ab='http://{{ externalHost }}/ns2'> \
|
|
<meta> \
|
|
<component id='seite1' class='component'> \
|
|
<properties xmlns:cd='http://{{ externalHost }}/ns3'> \
|
|
<property name='prop1'> \
|
|
<thing /> \
|
|
<value>1</value> \
|
|
</property> \
|
|
<property name='prop2'> \
|
|
<thing att='something' /> \
|
|
</property> \
|
|
<foo_bar>foo</foo_bar> \
|
|
</properties> \
|
|
</component> \
|
|
</meta> \
|
|
</response> \
|
|
</jsconf> \
|
|
</soap:Body> \
|
|
</soap:Envelope>";
|
|
|
|
return jQuery.parseXML( string.replace( /\{\{\s*externalHost\s*\}\}/g, externalHost ) );
|
|
};
|
|
|
|
this.createXMLFragment = function() {
|
|
var xml, frag;
|
|
if ( window.ActiveXObject ) {
|
|
xml = new window.ActiveXObject( "msxml2.domdocument" );
|
|
} else {
|
|
xml = document.implementation.createDocument( "", "", null );
|
|
}
|
|
|
|
if ( xml ) {
|
|
frag = xml.createElement( "data" );
|
|
}
|
|
|
|
return frag;
|
|
};
|
|
|
|
window.fireNative = function( node, type ) {
|
|
var event = document.createEvent( "HTMLEvents" );
|
|
|
|
event.initEvent( type, true, true );
|
|
node.dispatchEvent( event );
|
|
};
|
|
|
|
/**
|
|
* Add random number to url to stop caching
|
|
*
|
|
* Also prefixes with baseURL automatically.
|
|
*
|
|
* @example url("index.html")
|
|
* @result "data/index.html?10538358428943"
|
|
*
|
|
* @example url("mock.php?foo=bar")
|
|
* @result "data/mock.php?foo=bar&10538358345554"
|
|
*/
|
|
function url( value ) {
|
|
return baseURL + value + ( /\?/.test( value ) ? "&" : "?" ) +
|
|
new Date().getTime() + "" + parseInt( Math.random() * 100000, 10 );
|
|
}
|
|
|
|
// Ajax testing helper
|
|
this.ajaxTest = function( title, expect, options ) {
|
|
QUnit.test( title, function( assert ) {
|
|
assert.expect( expect );
|
|
var requestOptions;
|
|
|
|
if ( typeof options === "function" ) {
|
|
options = options( assert );
|
|
}
|
|
options = options || [];
|
|
requestOptions = options.requests || options.request || options;
|
|
if ( !Array.isArray( requestOptions ) ) {
|
|
requestOptions = [ requestOptions ];
|
|
}
|
|
|
|
var done = assert.async();
|
|
|
|
if ( options.setup ) {
|
|
options.setup();
|
|
}
|
|
|
|
var completed = false,
|
|
remaining = requestOptions.length,
|
|
complete = function() {
|
|
if ( !completed && --remaining === 0 ) {
|
|
completed = true;
|
|
delete ajaxTest.abort;
|
|
if ( options.teardown ) {
|
|
options.teardown();
|
|
}
|
|
|
|
// Make sure all events will be called before done()
|
|
setTimeout( done );
|
|
}
|
|
},
|
|
requests = jQuery.map( requestOptions, function( options ) {
|
|
var request = ( options.create || jQuery.ajax )( options ),
|
|
callIfDefined = function( deferType, optionType ) {
|
|
var handler = options[ deferType ] || !!options[ optionType ];
|
|
return function( _, status ) {
|
|
if ( !completed ) {
|
|
if ( !handler ) {
|
|
assert.ok( false, "unexpected " + status );
|
|
} else if ( typeof handler === "function" ) {
|
|
handler.apply( this, arguments );
|
|
}
|
|
}
|
|
};
|
|
};
|
|
|
|
if ( options.afterSend ) {
|
|
options.afterSend( request, assert );
|
|
}
|
|
|
|
return request
|
|
.done( callIfDefined( "done", "success" ) )
|
|
.fail( callIfDefined( "fail", "error" ) )
|
|
.always( complete );
|
|
} );
|
|
|
|
ajaxTest.abort = function( reason ) {
|
|
if ( !completed ) {
|
|
completed = true;
|
|
delete ajaxTest.abort;
|
|
assert.ok( false, "aborted " + reason );
|
|
jQuery.each( requests, function( _i, request ) {
|
|
request.abort();
|
|
} );
|
|
}
|
|
};
|
|
} );
|
|
};
|
|
|
|
this.testIframe = function( title, fileName, func, wrapper, iframeStyles ) {
|
|
if ( !wrapper ) {
|
|
wrapper = QUnit.test;
|
|
}
|
|
wrapper.call( QUnit, title, function( assert ) {
|
|
var done = assert.async(),
|
|
$iframe = supportjQuery( "<iframe></iframe>" )
|
|
.css( { position: "absolute", top: "0", left: "-600px", width: "500px" } )
|
|
.attr( { id: "qunit-fixture-iframe", src: url( fileName ) } );
|
|
|
|
// Add other iframe styles
|
|
if ( iframeStyles ) {
|
|
$iframe.css( iframeStyles );
|
|
}
|
|
|
|
// Test iframes are expected to invoke this via startIframeTest (cf. iframeTest.js)
|
|
window.iframeCallback = function() {
|
|
var args = Array.prototype.slice.call( arguments );
|
|
|
|
args.unshift( assert );
|
|
|
|
setTimeout( function() {
|
|
var result;
|
|
|
|
this.iframeCallback = undefined;
|
|
|
|
result = func.apply( this, args );
|
|
|
|
function finish() {
|
|
func = function() {};
|
|
$iframe.remove();
|
|
done();
|
|
}
|
|
|
|
// Wait for promises returned by `func`.
|
|
if ( result && result.then ) {
|
|
result.then( finish );
|
|
} else {
|
|
finish();
|
|
}
|
|
} );
|
|
};
|
|
|
|
// Attach iframe to the body for visibility-dependent code
|
|
// It will be removed by either the above code, or the testDone callback in testrunner.js
|
|
$iframe.prependTo( document.body );
|
|
} );
|
|
};
|
|
this.iframeCallback = undefined;
|
|
|
|
QUnit.config.autostart = false;
|
|
|
|
// Leverage QUnit URL parsing to detect "basic" testing mode
|
|
QUnit.basicTests = ( QUnit.urlParams.module + "" ) === "basic";
|
|
|
|
// Async test for module script type support
|
|
function moduleTypeSupported() {
|
|
var script = document.createElement( "script" );
|
|
script.type = "module";
|
|
script.text = "QUnit.moduleTypeSupported = true";
|
|
document.head.appendChild( script ).parentNode.removeChild( script );
|
|
}
|
|
moduleTypeSupported();
|
|
|
|
// Returns whether a particular module like "ajax" or "deprecated"
|
|
// is included in the current jQuery build; it handles the slim build
|
|
// as well. The util was created so that we don't treat presence of
|
|
// particular APIs to decide whether to run a test as then if we
|
|
// accidentally remove an API, the tests would still not fail.
|
|
this.includesModule = function( moduleName ) {
|
|
|
|
var excludedModulesPart, excludedModules;
|
|
|
|
// example version for `npm run build -- -e deprecated`:
|
|
// "v3.7.2-pre+14dc9347 -deprecated,-deprecated/ajax-event-alias,-deprecated/event"
|
|
excludedModulesPart = jQuery.fn.jquery
|
|
|
|
// Take the flags out of the version string.
|
|
// Example: "-deprecated,-deprecated/ajax-event-alias,-deprecated/event"
|
|
.split( " " )[ 1 ];
|
|
|
|
if ( !excludedModulesPart ) {
|
|
|
|
// No build part => the full build where everything is included.
|
|
return true;
|
|
}
|
|
|
|
excludedModules = excludedModulesPart
|
|
|
|
// Turn to an array.
|
|
// Example: [ "-deprecated", "-deprecated/ajax-event-alias", "-deprecated/event" ]
|
|
.split( "," )
|
|
|
|
// Remove the leading "-".
|
|
// Example: [ "deprecated", "deprecated/ajax-event-alias", "deprecated/event" ]
|
|
.map( function( moduleName ) {
|
|
return moduleName.slice( 1 );
|
|
} )
|
|
|
|
// Filter out deep names - ones that contain a slash.
|
|
// Example: [ "deprecated" ]
|
|
.filter( function( moduleName ) {
|
|
return moduleName.indexOf( "/" ) === -1;
|
|
} );
|
|
|
|
return excludedModules.indexOf( moduleName ) === -1;
|
|
};
|
|
|
|
this.loadTests = function() {
|
|
|
|
// QUnit.config is populated from QUnit.urlParams but only at the beginning
|
|
// of the test run. We need to read both.
|
|
var amd = QUnit.config.amd || QUnit.urlParams.amd;
|
|
var jsdom = QUnit.config.jsdom || QUnit.urlParams.jsdom;
|
|
|
|
if ( jsdom ) {
|
|
|
|
// JSDOM doesn't implement scrollTo
|
|
QUnit.config.scrolltop = false;
|
|
}
|
|
|
|
// Directly load tests that need evaluation before DOMContentLoaded.
|
|
if ( !jsdom && ( !amd || document.readyState === "loading" ) ) {
|
|
document.write( "<script src='" + parentUrl + "/test/unit/ready.js'><\x2Fscript>" );
|
|
} else {
|
|
QUnit.module( "ready", function() {
|
|
QUnit.skip( "jQuery ready tests skipped in async mode", function() {} );
|
|
} );
|
|
}
|
|
|
|
// Get testSubproject from testrunner first
|
|
require( [ parentUrl + "/test/data/testrunner.js" ], function() {
|
|
|
|
// Says whether jQuery positional selector extensions are supported.
|
|
// A full selector engine is required to support them as they need to
|
|
// be evaluated left-to-right. Remove that property when support for
|
|
// positional selectors is dropped.
|
|
QUnit.jQuerySelectorsPos = includesModule( "selector" );
|
|
|
|
// Says whether jQuery selector extensions are supported. Change that
|
|
// to `false` if your custom jQuery versions relies more on native qSA.
|
|
// This doesn't include support for positional selectors (see above).
|
|
QUnit.jQuerySelectors = includesModule( "selector" );
|
|
|
|
var i = 0,
|
|
tests = [
|
|
|
|
// A special module with basic tests, meant for
|
|
// not fully supported environments like Android 2.3,
|
|
// jsdom or PhantomJS. We run it everywhere, though,
|
|
// to make sure tests are not broken.
|
|
"unit/basic.js",
|
|
|
|
"unit/core.js",
|
|
"unit/callbacks.js",
|
|
"unit/deferred.js",
|
|
"unit/deprecated.js",
|
|
"unit/support.js",
|
|
"unit/data.js",
|
|
"unit/queue.js",
|
|
"unit/attributes.js",
|
|
"unit/event.js",
|
|
"unit/selector.js",
|
|
"unit/traversing.js",
|
|
"unit/manipulation.js",
|
|
"unit/wrap.js",
|
|
"unit/css.js",
|
|
"unit/serialize.js",
|
|
"unit/ajax.js",
|
|
"unit/effects.js",
|
|
"unit/offset.js",
|
|
"unit/dimensions.js",
|
|
"unit/animation.js",
|
|
"unit/tween.js"
|
|
];
|
|
|
|
// Ensure load order (to preserve test numbers)
|
|
( function loadDep() {
|
|
var dep = tests[ i++ ];
|
|
|
|
if ( dep ) {
|
|
if ( !QUnit.basicTests || i === 1 ) {
|
|
require( [ parentUrl + "/test/" + dep ], loadDep );
|
|
|
|
// Support: Android 2.3 only
|
|
// When running basic tests, replace other modules with dummies to avoid overloading
|
|
// impaired clients.
|
|
} else {
|
|
QUnit.module( dep.replace( /^.*\/|\.js$/g, "" ) );
|
|
loadDep();
|
|
}
|
|
|
|
} else {
|
|
|
|
/**
|
|
* Run in noConflict mode
|
|
*/
|
|
jQuery.noConflict();
|
|
|
|
QUnit.start();
|
|
}
|
|
} )();
|
|
} );
|
|
};
|