mirror of
https://github.com/jquery/jquery.git
synced 2024-11-23 02:54:22 +00:00
df6a7f7f0f
The `:scope` pseudo-class[1] has surprisingly good browser support: Chrome, Firefox & Safari have supported if for a long time; only IE & Edge lack support. This commit leverages this pseudo-class to get rid of the ID hack in most cases. Adding a temporary ID may cause layout thrashing which was reported a few times in [the past. We can't completely eliminate the ID hack in modern browses as sibling selectors require us to change context to the parent and then `:scope` stops applying to what we'd like. But it'd still improve performance in the vast majority of cases. [1] https://developer.mozilla.org/en-US/docs/Web/CSS/:scope Fixes gh-4453 Closes gh-4454 Ref gh-4332 Ref jquery/sizzle#405
170 lines
4.1 KiB
JavaScript
170 lines
4.1 KiB
JavaScript
QUnit.module( "support", { afterEach: moduleTeardown } );
|
|
|
|
var computedSupport = getComputedSupport( jQuery.support );
|
|
|
|
function getComputedSupport( support ) {
|
|
var prop,
|
|
result = {};
|
|
|
|
for ( prop in support ) {
|
|
if ( typeof support[ prop ] === "function" ) {
|
|
result[ prop ] = support[ prop ]();
|
|
} else {
|
|
result[ prop ] = support[ prop ];
|
|
}
|
|
}
|
|
|
|
return result;
|
|
}
|
|
|
|
if ( jQuery.css ) {
|
|
testIframe(
|
|
"body background is not lost if set prior to loading jQuery (#9239)",
|
|
"support/bodyBackground.html",
|
|
function( assert, jQuery, window, document, color, support ) {
|
|
assert.expect( 2 );
|
|
var okValue = {
|
|
"#000000": true,
|
|
"rgb(0, 0, 0)": true
|
|
};
|
|
assert.ok( okValue[ color ], "color was not reset (" + color + ")" );
|
|
|
|
assert.deepEqual( jQuery.extend( {}, support ), computedSupport,
|
|
"Same support properties" );
|
|
}
|
|
);
|
|
}
|
|
|
|
// This test checks CSP only for browsers with "Content-Security-Policy" header support
|
|
// i.e. no IE
|
|
testIframe(
|
|
"Check CSP (https://developer.mozilla.org/en-US/docs/Security/CSP) restrictions",
|
|
"mock.php?action=cspFrame",
|
|
function( assert, jQuery, window, document, support ) {
|
|
var done = assert.async();
|
|
|
|
assert.expect( 2 );
|
|
assert.deepEqual( jQuery.extend( {}, support ), computedSupport,
|
|
"No violations of CSP polices" );
|
|
|
|
supportjQuery.get( baseURL + "support/csp.log" ).done( function( data ) {
|
|
assert.equal( data, "", "No log request should be sent" );
|
|
supportjQuery.get( baseURL + "mock.php?action=cspClean" ).done( done );
|
|
} );
|
|
}
|
|
);
|
|
|
|
( function() {
|
|
var expected,
|
|
userAgent = window.navigator.userAgent,
|
|
expectedMap = {
|
|
edge: {
|
|
scope: undefined
|
|
},
|
|
ie_11: {
|
|
scope: undefined
|
|
},
|
|
chrome: {
|
|
scope: true
|
|
},
|
|
safari: {
|
|
scope: true
|
|
},
|
|
firefox: {
|
|
scope: true
|
|
},
|
|
ios: {
|
|
scope: true
|
|
}
|
|
};
|
|
|
|
if ( /edge\//i.test( userAgent ) ) {
|
|
expected = expectedMap.edge;
|
|
} else if ( document.documentMode ) {
|
|
expected = expectedMap.ie_11;
|
|
} else if ( /chrome/i.test( userAgent ) ) {
|
|
|
|
// Catches Chrome on Android & Opera as well.
|
|
expected = expectedMap.chrome;
|
|
} else if ( /\b\d+(\.\d+)+ safari/i.test( userAgent ) ) {
|
|
expected = expectedMap.safari;
|
|
} else if ( /firefox/i.test( userAgent ) ) {
|
|
expected = expectedMap.firefox;
|
|
} else if ( /(?:iphone|ipad);.*(?:iphone)? os \d+_/i.test( userAgent ) ) {
|
|
expected = expectedMap.ios;
|
|
}
|
|
|
|
QUnit.test( "Verify that support tests resolve as expected per browser", function( assert ) {
|
|
if ( !expected ) {
|
|
assert.expect( 1 );
|
|
assert.ok( false, "Known client: " + userAgent );
|
|
}
|
|
|
|
var i, prop,
|
|
j = 0;
|
|
|
|
for ( prop in computedSupport ) {
|
|
j++;
|
|
}
|
|
|
|
// Add an assertion per undefined support prop as it may
|
|
// not even exist on computedSupport but we still want to run
|
|
// the check.
|
|
for ( prop in expected ) {
|
|
if ( expected[ prop ] === undefined ) {
|
|
j++;
|
|
}
|
|
}
|
|
|
|
assert.expect( j );
|
|
|
|
for ( i in expected ) {
|
|
assert.equal( computedSupport[ i ], expected[ i ],
|
|
"jQuery.support['" + i + "']: " + computedSupport[ i ] +
|
|
", expected['" + i + "']: " + expected[ i ] );
|
|
}
|
|
} );
|
|
|
|
QUnit.test( "Verify support tests are failing in one of tested browsers",
|
|
function( assert ) {
|
|
|
|
var prop, browserKey, supportTestName,
|
|
i = 0,
|
|
supportProps = {},
|
|
failingSupportProps = {};
|
|
|
|
for ( prop in computedSupport ) {
|
|
i++;
|
|
}
|
|
|
|
// Add an assertion per undefined support prop as it may
|
|
// not even exist on computedSupport but we still want to run
|
|
// the check.
|
|
for ( prop in expected ) {
|
|
if ( expected[ prop ] === undefined ) {
|
|
i++;
|
|
}
|
|
}
|
|
|
|
assert.expect( i );
|
|
|
|
// Record all support props and the failing ones and ensure every test
|
|
// is failing at least once.
|
|
for ( browserKey in expectedMap ) {
|
|
for ( supportTestName in expectedMap[ browserKey ] ) {
|
|
supportProps[ supportTestName ] = true;
|
|
if ( !expectedMap[ browserKey ][ supportTestName ] ) {
|
|
failingSupportProps[ supportTestName ] = true;
|
|
}
|
|
}
|
|
}
|
|
|
|
for ( supportTestName in supportProps ) {
|
|
assert.ok( failingSupportProps[ supportTestName ],
|
|
"jQuery.support['" + supportTestName +
|
|
"'] is expected to fail at least in one browser" );
|
|
}
|
|
} );
|
|
|
|
} )();
|