mirror of
https://github.com/jquery/jquery.git
synced 2024-11-23 02:54:22 +00:00
Remove the invisible body in support; Add temporary tests to verify correct support completions for upcoming support changes.
This commit is contained in:
timmywil
parent
0de484d483
commit
3d6237ef8a
162
src/support.js
162
src/support.js
@ -2,31 +2,26 @@
|
||||
|
||||
jQuery.support = (function() {
|
||||
|
||||
var div = document.createElement( "div" ),
|
||||
documentElement = document.documentElement,
|
||||
var support,
|
||||
all,
|
||||
a,
|
||||
select,
|
||||
opt,
|
||||
input,
|
||||
marginDiv,
|
||||
support,
|
||||
fragment,
|
||||
body,
|
||||
testElementParent,
|
||||
testElement,
|
||||
testElementStyle,
|
||||
tds,
|
||||
events,
|
||||
eventName,
|
||||
i,
|
||||
isSupported;
|
||||
isSupported,
|
||||
div = document.createElement( "div" ),
|
||||
documentElement = document.documentElement;
|
||||
|
||||
// Preliminary tests
|
||||
div.setAttribute("className", "t");
|
||||
div.innerHTML = " <link/><table></table><a href='/a' style='top:1px;float:left;opacity:.55;'>a</a><input type='checkbox'/>";
|
||||
|
||||
|
||||
all = div.getElementsByTagName( "*" );
|
||||
a = div.getElementsByTagName( "a" )[ 0 ];
|
||||
|
||||
@ -46,11 +41,11 @@ jQuery.support = (function() {
|
||||
|
||||
// Make sure that tbody elements aren't automatically inserted
|
||||
// IE will insert them into empty tables
|
||||
tbody: !div.getElementsByTagName( "tbody" ).length,
|
||||
tbody: !div.getElementsByTagName("tbody").length,
|
||||
|
||||
// Make sure that link elements get serialized correctly by innerHTML
|
||||
// This requires a wrapper element in IE
|
||||
htmlSerialize: !!div.getElementsByTagName( "link" ).length,
|
||||
htmlSerialize: !!div.getElementsByTagName("link").length,
|
||||
|
||||
// Get the style information from getAttribute
|
||||
// (IE uses .cssText instead)
|
||||
@ -58,7 +53,7 @@ jQuery.support = (function() {
|
||||
|
||||
// Make sure that URLs aren't manipulated
|
||||
// (IE normalizes it by default)
|
||||
hrefNormalized: ( a.getAttribute( "href" ) === "/a" ),
|
||||
hrefNormalized: ( a.getAttribute("href") === "/a" ),
|
||||
|
||||
// Make sure that element opacity exists
|
||||
// (IE uses filter instead)
|
||||
@ -140,81 +135,13 @@ jQuery.support = (function() {
|
||||
// WebKit doesn't clone checked state correctly in fragments
|
||||
support.checkClone = fragment.cloneNode( true ).cloneNode( true ).lastChild.checked;
|
||||
|
||||
div.innerHTML = "";
|
||||
|
||||
// Figure out if the W3C box model works as expected
|
||||
div.style.width = div.style.paddingLeft = "1px";
|
||||
|
||||
// We don't want to do body-related feature tests on frameset
|
||||
// documents, which lack a body. So we use
|
||||
// document.getElementsByTagName("body")[0], which is undefined in
|
||||
// frameset documents, while document.body isn’t. (7398)
|
||||
body = document.getElementsByTagName("body")[ 0 ];
|
||||
// We use our own, invisible, body unless the body is already present
|
||||
// in which case we use a div (#9239)
|
||||
testElement = document.createElement( body ? "div" : "body" );
|
||||
testElementStyle = {
|
||||
visibility: "hidden",
|
||||
width: 0,
|
||||
height: 0,
|
||||
border: 0,
|
||||
margin: 0,
|
||||
background: "none"
|
||||
};
|
||||
if ( body ) {
|
||||
jQuery.extend( testElementStyle, {
|
||||
position: "absolute",
|
||||
left: "-999px",
|
||||
top: "-999px"
|
||||
});
|
||||
}
|
||||
for ( i in testElementStyle ) {
|
||||
testElement.style[ i ] = testElementStyle[ i ];
|
||||
}
|
||||
testElement.appendChild( div );
|
||||
testElementParent = body || documentElement;
|
||||
testElementParent.insertBefore( testElement, testElementParent.firstChild );
|
||||
|
||||
// Check if a disconnected checkbox will retain its checked
|
||||
// value of true after appended to the DOM (IE6/7)
|
||||
support.appendChecked = input.checked;
|
||||
|
||||
support.boxModel = div.offsetWidth === 2;
|
||||
fragment.removeChild( input );
|
||||
fragment.appendChild( div );
|
||||
|
||||
if ( "zoom" in div.style ) {
|
||||
// Check if natively block-level elements act like inline-block
|
||||
// elements when setting their display to 'inline' and giving
|
||||
// them layout
|
||||
// (IE < 8 does this)
|
||||
div.style.display = "inline";
|
||||
div.style.zoom = 1;
|
||||
support.inlineBlockNeedsLayout = ( div.offsetWidth === 2 );
|
||||
|
||||
// Check if elements with layout shrink-wrap their children
|
||||
// (IE 6 does this)
|
||||
div.style.display = "";
|
||||
div.innerHTML = "<div style='width:4px;'></div>";
|
||||
support.shrinkWrapBlocks = ( div.offsetWidth !== 2 );
|
||||
}
|
||||
|
||||
div.innerHTML = "<table><tr><td style='padding:0;border:0;display:none'></td><td>t</td></tr></table>";
|
||||
tds = div.getElementsByTagName( "td" );
|
||||
|
||||
// Check if table cells still have offsetWidth/Height when they are set
|
||||
// to display:none and there are still other visible table cells in a
|
||||
// table row; if so, offsetWidth/Height are not reliable for use when
|
||||
// determining if an element has been hidden directly using
|
||||
// display:none (it is still safe to use offsets if a parent element is
|
||||
// hidden; don safety goggles and see bug #4512 for more information).
|
||||
// (only IE 8 fails this test)
|
||||
isSupported = ( tds[ 0 ].offsetHeight === 0 );
|
||||
|
||||
tds[ 0 ].style.display = "";
|
||||
tds[ 1 ].style.display = "none";
|
||||
|
||||
// Check if empty table cells still have offsetWidth/Height
|
||||
// (IE < 8 fail this test)
|
||||
support.reliableHiddenOffsets = isSupported && ( tds[ 0 ].offsetHeight === 0 );
|
||||
div.innerHTML = "";
|
||||
|
||||
// Check if div with explicit width and no margin-right incorrectly
|
||||
@ -222,13 +149,14 @@ jQuery.support = (function() {
|
||||
// info see bug #3333
|
||||
// Fails in WebKit before Feb 2011 nightlies
|
||||
// WebKit Bug 13343 - getComputedStyle returns wrong value for margin-right
|
||||
if ( document.defaultView && document.defaultView.getComputedStyle ) {
|
||||
if ( window.getComputedStyle ) {
|
||||
marginDiv = document.createElement( "div" );
|
||||
marginDiv.style.width = "0";
|
||||
marginDiv.style.marginRight = "0";
|
||||
div.style.width = "2px";
|
||||
div.appendChild( marginDiv );
|
||||
support.reliableMarginRight =
|
||||
( parseInt( ( document.defaultView.getComputedStyle( marginDiv, null ) || { marginRight: 0 } ).marginRight, 10 ) || 0 ) === 0;
|
||||
( parseInt( ( window.getComputedStyle( marginDiv, null ) || { marginRight: 0 } ).marginRight, 10 ) || 0 ) === 0;
|
||||
}
|
||||
|
||||
// Technique from Juriy Zaytsev
|
||||
@ -242,7 +170,7 @@ jQuery.support = (function() {
|
||||
submit: 1,
|
||||
change: 1,
|
||||
focusin: 1
|
||||
} ) {
|
||||
}) {
|
||||
eventName = "on" + i;
|
||||
isSupported = ( eventName in div );
|
||||
if ( !isSupported ) {
|
||||
@ -253,11 +181,10 @@ jQuery.support = (function() {
|
||||
}
|
||||
}
|
||||
|
||||
testElement.innerHTML = "";
|
||||
testElementParent.removeChild( testElement );
|
||||
fragment.removeChild( div );
|
||||
|
||||
// Null connected elements to avoid leaks in IE
|
||||
testElement = fragment = select = opt = body = marginDiv = div = input = null;
|
||||
// Null elements to avoid leaks in IE
|
||||
fragment = select = opt = body = marginDiv = div = input = null;
|
||||
|
||||
// Run fixed position tests at doc ready to avoid a crash
|
||||
// related to the invisible body in IE8
|
||||
@ -283,13 +210,53 @@ jQuery.support = (function() {
|
||||
container.style.cssText = vb + "width:0;height:0;position:static;top:0;margin-top:" + conMarginTop + "px";
|
||||
body.insertBefore( container, body.firstChild );
|
||||
|
||||
// Construct a test element
|
||||
testElement = document.createElement("div");
|
||||
testElement.style.cssText = ptlm + vb;
|
||||
// Construct the test element
|
||||
div = document.createElement("div");
|
||||
container.appendChild( div );
|
||||
|
||||
testElement.innerHTML = html;
|
||||
container.appendChild( testElement );
|
||||
outer = testElement.firstChild;
|
||||
// Check if table cells still have offsetWidth/Height when they are set
|
||||
// to display:none and there are still other visible table cells in a
|
||||
// table row; if so, offsetWidth/Height are not reliable for use when
|
||||
// determining if an element has been hidden directly using
|
||||
// display:none (it is still safe to use offsets if a parent element is
|
||||
// hidden; don safety goggles and see bug #4512 for more information).
|
||||
// (only IE 8 fails this test)
|
||||
div.innerHTML = "<table><tr><td style='padding:0;border:0;display:none'></td><td>t</td></tr></table>";
|
||||
tds = div.getElementsByTagName( "td" );
|
||||
isSupported = ( tds[ 0 ].offsetHeight === 0 );
|
||||
|
||||
tds[ 0 ].style.display = "";
|
||||
tds[ 1 ].style.display = "none";
|
||||
|
||||
// Check if empty table cells still have offsetWidth/Height
|
||||
// (IE <= 8 fail this test)
|
||||
support.reliableHiddenOffsets = isSupported && ( tds[ 0 ].offsetHeight === 0 );
|
||||
|
||||
// Figure out if the W3C box model works as expected
|
||||
div.innerHTML = "";
|
||||
div.style.width = div.style.paddingLeft = "1px";
|
||||
jQuery.boxModel = support.boxModel = div.offsetWidth === 2;
|
||||
|
||||
if ( typeof div.style.zoom !== "undefined" ) {
|
||||
// Check if natively block-level elements act like inline-block
|
||||
// elements when setting their display to 'inline' and giving
|
||||
// them layout
|
||||
// (IE < 8 does this)
|
||||
div.style.display = "inline";
|
||||
div.style.zoom = 1;
|
||||
support.inlineBlockNeedsLayout = ( div.offsetWidth === 2 );
|
||||
|
||||
// Check if elements with layout shrink-wrap their children
|
||||
// (IE 6 does this)
|
||||
div.style.display = "";
|
||||
div.innerHTML = "<div style='width:4px;'></div>";
|
||||
support.shrinkWrapBlocks = ( div.offsetWidth !== 2 );
|
||||
}
|
||||
|
||||
div.style.cssText = ptlm + vb;
|
||||
div.innerHTML = html;
|
||||
|
||||
outer = div.firstChild;
|
||||
inner = outer.firstChild;
|
||||
td = outer.nextSibling.firstChild.firstChild;
|
||||
|
||||
@ -312,7 +279,7 @@ jQuery.support = (function() {
|
||||
offsetSupport.doesNotIncludeMarginInBodyOffset = ( body.offsetTop !== conMarginTop );
|
||||
|
||||
body.removeChild( container );
|
||||
testElement = container = null;
|
||||
div = container = null;
|
||||
|
||||
jQuery.extend( support, offsetSupport );
|
||||
});
|
||||
@ -320,7 +287,4 @@ jQuery.support = (function() {
|
||||
return support;
|
||||
})();
|
||||
|
||||
// Keep track of boxModel
|
||||
jQuery.boxModel = jQuery.support.boxModel;
|
||||
|
||||
})( jQuery );
|
||||
|
||||
@ -22,7 +22,7 @@
|
||||
<script src="../../../src/offset.js"></script>
|
||||
<script src="../../../src/dimensions.js"></script>
|
||||
<script>
|
||||
window.parent.supportCallback( document.compatMode, jQuery.support.boxModel );
|
||||
jQuery(function() { window.parent.supportCallback( document.compatMode, jQuery.support.boxModel ) });
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -36,9 +36,9 @@
|
||||
<script src="data/testrunner.js"></script>
|
||||
|
||||
<script src="unit/core.js"></script>
|
||||
<script src="unit/support.js"></script>
|
||||
<script src="unit/callbacks.js"></script>
|
||||
<script src="unit/deferred.js"></script>
|
||||
<script src="unit/support.js"></script>
|
||||
<script src="unit/data.js"></script>
|
||||
<script src="unit/queue.js"></script>
|
||||
<script src="unit/attributes.js"></script>
|
||||
|
||||
@ -60,3 +60,267 @@ supportIFrameTest( "A background on the testElement does not cause IE8 to crash
|
||||
expect(1);
|
||||
ok( true, "IE8 does not crash" );
|
||||
});
|
||||
|
||||
var userAgent = window.navigator.userAgent;
|
||||
|
||||
// These tests do not have to stay
|
||||
// They are here to help with upcoming support changes for 1.8
|
||||
if ( /chrome\/16\.0/i.test(userAgent) ) {
|
||||
test("Verify that the support tests resolve as expected per browser", function() {
|
||||
var i,
|
||||
expected = {
|
||||
"leadingWhitespace":true,
|
||||
"tbody":true,
|
||||
"htmlSerialize":true,
|
||||
"style":true,
|
||||
"hrefNormalized":true,
|
||||
"opacity":true,
|
||||
"cssFloat":true,
|
||||
"checkOn":true,
|
||||
"optSelected":true,
|
||||
"getSetAttribute":true,
|
||||
"enctype":true,
|
||||
"html5Clone":true,
|
||||
"submitBubbles":true,
|
||||
"changeBubbles":true,
|
||||
"focusinBubbles":false,
|
||||
"deleteExpando":true,
|
||||
"noCloneEvent":true,
|
||||
"inlineBlockNeedsLayout":false,
|
||||
"shrinkWrapBlocks":false,
|
||||
"reliableMarginRight":true,
|
||||
"noCloneChecked":true,
|
||||
"optDisabled":true,
|
||||
"radioValue":true,
|
||||
"checkClone":true,
|
||||
"appendChecked":true,
|
||||
"boxModel":true,
|
||||
"reliableHiddenOffsets":true,
|
||||
"ajax":true,
|
||||
"cors":true,
|
||||
"doesNotAddBorder":true,
|
||||
"doesAddBorderForTableAndCells":false,
|
||||
"fixedPosition":true,
|
||||
"subtractsBorderForOverflowNotVisible":false,
|
||||
"doesNotIncludeMarginInBodyOffset":true
|
||||
};
|
||||
for ( i in expected ) {
|
||||
equal( jQuery.support[i], expected[i], "jQuery.support['" + i + "']: " + jQuery.support[i] + ", expected['" + i + "']: " + expected[i]);
|
||||
}
|
||||
});
|
||||
} else if ( /msie 8\.0/i.test(userAgent) ) {
|
||||
test("Verify that the support tests resolve as expected per browser", function() {
|
||||
var i,
|
||||
expected = {
|
||||
"leadingWhitespace":false,
|
||||
"tbody":true,
|
||||
"htmlSerialize":false,
|
||||
"style":false,
|
||||
"hrefNormalized":true,
|
||||
"opacity":false,
|
||||
"cssFloat":false,
|
||||
"checkOn":true,
|
||||
"optSelected":false,
|
||||
"getSetAttribute":true,
|
||||
"enctype":true,
|
||||
"html5Clone":false,
|
||||
"submitBubbles":false,
|
||||
"changeBubbles":false,
|
||||
"focusinBubbles":true,
|
||||
"deleteExpando":false,
|
||||
"noCloneEvent":false,
|
||||
"inlineBlockNeedsLayout":false,
|
||||
"shrinkWrapBlocks":false,
|
||||
"reliableMarginRight":true,
|
||||
"noCloneChecked":false,
|
||||
"optDisabled":true,
|
||||
"radioValue":false,
|
||||
"checkClone":true,
|
||||
"appendChecked":true,
|
||||
"boxModel":true,
|
||||
"reliableHiddenOffsets":false,
|
||||
"ajax":true,
|
||||
"cors":false,
|
||||
"doesNotAddBorder":false,
|
||||
"doesAddBorderForTableAndCells":true,
|
||||
"fixedPosition":true,
|
||||
"subtractsBorderForOverflowNotVisible":false,
|
||||
"doesNotIncludeMarginInBodyOffset":true
|
||||
};
|
||||
for ( i in expected ) {
|
||||
equal( jQuery.support[i], expected[i], "jQuery.support['" + i + "']: " + jQuery.support[i] + ", expected['" + i + "']: " + expected[i]);
|
||||
}
|
||||
});
|
||||
} else if ( /msie 7\.0/i.test(userAgent) ) {
|
||||
test("Verify that the support tests resolve as expected per browser", function() {
|
||||
var i,
|
||||
expected = {
|
||||
"ajax": true,
|
||||
"appendChecked": false,
|
||||
"boxModel": true,
|
||||
"changeBubbles": false,
|
||||
"checkClone": false,
|
||||
"checkOn": true,
|
||||
"cors": false,
|
||||
"cssFloat": false,
|
||||
"deleteExpando": false,
|
||||
"doesAddBorderForTableAndCells": true,
|
||||
"doesNotAddBorder": true,
|
||||
"doesNotIncludeMarginInBodyOffset": true,
|
||||
"enctype": true,
|
||||
"fixedPosition": true,
|
||||
"focusinBubbles": true,
|
||||
"getSetAttribute": false,
|
||||
"hrefNormalized": false,
|
||||
"html5Clone": false,
|
||||
"htmlSerialize": false,
|
||||
"inlineBlockNeedsLayout": true,
|
||||
"leadingWhitespace": false,
|
||||
"noCloneChecked": false,
|
||||
"noCloneEvent": false,
|
||||
"opacity": false,
|
||||
"optDisabled": true,
|
||||
"optSelected": false,
|
||||
"radioValue": false,
|
||||
"reliableHiddenOffsets": false,
|
||||
"reliableMarginRight": true,
|
||||
"shrinkWrapBlocks": false,
|
||||
"submitBubbles": false,
|
||||
"subtractsBorderForOverflowNotVisible": false,
|
||||
"tbody": false,
|
||||
"style": false
|
||||
};
|
||||
for ( i in expected ) {
|
||||
equal( jQuery.support[i], expected[i], "jQuery.support['" + i + "']: " + jQuery.support[i] + ", expected['" + i + "']: " + expected[i]);
|
||||
}
|
||||
});
|
||||
} else if ( /msie 6\.0/i.test(userAgent) ) {
|
||||
test("Verify that the support tests resolve as expected per browser", function() {
|
||||
var i,
|
||||
expected = {
|
||||
"leadingWhitespace":false,
|
||||
"tbody":false,
|
||||
"htmlSerialize":false,
|
||||
"style":false,
|
||||
"hrefNormalized":false,
|
||||
"opacity":false,
|
||||
"cssFloat":false,
|
||||
"checkOn":true,
|
||||
"optSelected":false,
|
||||
"getSetAttribute":false,
|
||||
"enctype":true,
|
||||
"html5Clone":false,
|
||||
"submitBubbles":false,
|
||||
"changeBubbles":false,
|
||||
"focusinBubbles":true,
|
||||
"deleteExpando":false,
|
||||
"noCloneEvent":false,
|
||||
"inlineBlockNeedsLayout":true,
|
||||
"shrinkWrapBlocks":true,
|
||||
"reliableMarginRight":true,
|
||||
"noCloneChecked":false,
|
||||
"optDisabled":true,
|
||||
"radioValue":false,
|
||||
"checkClone":false,
|
||||
"appendChecked":false,
|
||||
"boxModel":true,
|
||||
"reliableHiddenOffsets":false,
|
||||
"ajax":true,
|
||||
"cors":false,
|
||||
"doesNotAddBorder":true,
|
||||
"doesAddBorderForTableAndCells":true,
|
||||
"fixedPosition":false,
|
||||
"subtractsBorderForOverflowNotVisible":false,
|
||||
"doesNotIncludeMarginInBodyOffset":true
|
||||
};
|
||||
for ( i in expected ) {
|
||||
equal( jQuery.support[i], expected[i], "jQuery.support['" + i + "']: " + jQuery.support[i] + ", expected['" + i + "']: " + expected[i]);
|
||||
}
|
||||
});
|
||||
} else if ( /5\.1\.1 safari/i.test(userAgent) ) {
|
||||
test("Verify that the support tests resolve as expected per browser", function() {
|
||||
var i,
|
||||
expected = {
|
||||
"leadingWhitespace":true,
|
||||
"tbody":true,
|
||||
"htmlSerialize":true,
|
||||
"style":true,
|
||||
"hrefNormalized":true,
|
||||
"opacity":true,
|
||||
"cssFloat":true,
|
||||
"checkOn":false,
|
||||
"optSelected":true,
|
||||
"getSetAttribute":true,
|
||||
"enctype":true,
|
||||
"html5Clone":true,
|
||||
"submitBubbles":true,
|
||||
"changeBubbles":true,
|
||||
"focusinBubbles":false,
|
||||
"deleteExpando":true,
|
||||
"noCloneEvent":true,
|
||||
"inlineBlockNeedsLayout":false,
|
||||
"shrinkWrapBlocks":false,
|
||||
"reliableMarginRight":true,
|
||||
"noCloneChecked":true,
|
||||
"optDisabled":true,
|
||||
"radioValue":true,
|
||||
"checkClone":true,
|
||||
"appendChecked":true,
|
||||
"boxModel":true,
|
||||
"reliableHiddenOffsets":true,
|
||||
"ajax":true,
|
||||
"cors":true,
|
||||
"doesNotAddBorder":true,
|
||||
"doesAddBorderForTableAndCells":false,
|
||||
"fixedPosition":true,
|
||||
"subtractsBorderForOverflowNotVisible":false,
|
||||
"doesNotIncludeMarginInBodyOffset":true
|
||||
};
|
||||
for ( i in expected ) {
|
||||
equal( jQuery.support[i], expected[i], "jQuery.support['" + i + "']: " + jQuery.support[i] + ", expected['" + i + "']: " + expected[i]);
|
||||
}
|
||||
});
|
||||
} else if ( /firefox\/3\.6/i.test(userAgent) ) {
|
||||
test("Verify that the support tests resolve as expected per browser", function() {
|
||||
var i,
|
||||
expected = {
|
||||
"leadingWhitespace":true,
|
||||
"tbody":true,
|
||||
"htmlSerialize":true,
|
||||
"style":true,
|
||||
"hrefNormalized":true,
|
||||
"opacity":true,
|
||||
"cssFloat":true,
|
||||
"checkOn":true,
|
||||
"optSelected":true,
|
||||
"getSetAttribute":true,
|
||||
"enctype":false,
|
||||
"html5Clone":true,
|
||||
"submitBubbles":true,
|
||||
"changeBubbles":true,
|
||||
"focusinBubbles":false,
|
||||
"deleteExpando":true,
|
||||
"noCloneEvent":true,
|
||||
"inlineBlockNeedsLayout":false,
|
||||
"shrinkWrapBlocks":false,
|
||||
"reliableMarginRight":true,
|
||||
"noCloneChecked":true,
|
||||
"optDisabled":true,
|
||||
"radioValue":true,
|
||||
"checkClone":true,
|
||||
"appendChecked":true,
|
||||
"boxModel":true,
|
||||
"reliableHiddenOffsets":true,
|
||||
"ajax":true,
|
||||
"cors":true,
|
||||
"doesNotAddBorder":true,
|
||||
"doesAddBorderForTableAndCells":true,
|
||||
"fixedPosition":true,
|
||||
"subtractsBorderForOverflowNotVisible":false,
|
||||
"doesNotIncludeMarginInBodyOffset":true
|
||||
};
|
||||
for ( i in expected ) {
|
||||
equal( jQuery.support[i], expected[i], "jQuery.support['" + i + "']: " + jQuery.support[i] + ", expected['" + i + "']: " + expected[i]);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user