Permalink
Show file tree
Hide file tree
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Browse files
Override Sizzle attribute retrieval with jQuery.attr. Fixes #5637, #7…
…128, #9261, #9570, #10178.
Bug fixed on the side: $(window).is('a') was throwing an exception. Fixes #10178.- Loading branch information
Showing
9 changed files
with
294 additions
and
17 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Submodule sizzle
updated
from 93cc46 to 3375f9
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,132 @@ | ||
| <!doctype html> | ||
| <html> | ||
| <head> | ||
| <meta http-equiv="Content-type" content="text/html; charset=utf-8"> | ||
| <title>jQuery selector</title> | ||
|
|
||
| <script src="../../src/core.js"></script> | ||
| <script src="../../src/deferred.js"></script> | ||
| <script src="../../src/support.js"></script> | ||
| <script src="../../src/data.js"></script> | ||
| <script src="../../src/queue.js"></script> | ||
| <script src="../../src/attributes.js"></script> | ||
| <script src="../../src/event.js"></script> | ||
| <script src="../../src/sizzle/sizzle.js"></script> | ||
| <script src="../../src/sizzle-jquery.js"></script> | ||
| <script src="../../src/traversing.js"></script> | ||
| <script src="../../src/manipulation.js"></script> | ||
| <script src="../../src/css.js"></script> | ||
| <script src="../../src/ajax.js"></script> | ||
| <script src="../../src/ajax/jsonp.js"></script> | ||
| <script src="../../src/ajax/script.js"></script> | ||
| <script src="../../src/ajax/xhr.js"></script> | ||
| <script src="../../src/effects.js"></script> | ||
| <script src="../../src/offset.js"></script> | ||
| <script src="../../src/dimensions.js"></script> | ||
|
|
||
| <script id="script1" | ||
| defer | ||
| async></script> | ||
|
|
||
| <script type="text/javascript"> | ||
| document.createElement('video'); | ||
| document.createElement('audio'); | ||
| document.createElement('article'); | ||
| document.createElement('details'); | ||
| </script> | ||
| </head> | ||
| <body> | ||
| <img id="img1" | ||
| ismap> | ||
|
|
||
| <hr id="hr1" | ||
| noshade> | ||
|
|
||
| <form id="form1" | ||
| name="formName" | ||
| novalidate | ||
| formnovalidate> | ||
| <input type="text" id="text1" | ||
| tabindex="1" | ||
| name="name" | ||
| required | ||
| autofocus | ||
| readonly> | ||
| <textarea id="textarea1" | ||
| noresize></textarea> | ||
| </form> | ||
|
|
||
| <table> | ||
| <tr><td id="td1" | ||
| nowrap></td></tr> | ||
| </table> | ||
|
|
||
| <iframe id="iframe1" | ||
| src="iframe.html" | ||
| seamless></iframe> | ||
|
|
||
| <style id="style1" | ||
| scoped></style> | ||
|
|
||
| <ol id="ol1" | ||
| reversed></ol> | ||
|
|
||
| <article id="article1" | ||
| pubdate></article> | ||
|
|
||
| <details id="details1" | ||
| open></details> | ||
|
|
||
| <div id="div1" | ||
| nowrap | ||
| hidden | ||
| itemscope | ||
| draggable="true" | ||
| contenteditable="true" | ||
| aria-disabled="true"> | ||
| <p>My name is <span id="span1" | ||
| spellcheck="true" | ||
| itemprop="name">Elizabeth</span>.</p> | ||
| </div> | ||
|
|
||
| <audio id="audio1" | ||
| muted></audio> | ||
|
|
||
| <video id="video1" | ||
| loop | ||
| controls | ||
| autoplay | ||
| autobuffer></video> | ||
|
|
||
| <map id="map1"> | ||
| <area id="area1" | ||
| nohref | ||
| shape="default"> | ||
| </map> | ||
|
|
||
| <input id="check1" | ||
| type="checkbox" | ||
| disabled | ||
| checked> | ||
|
|
||
| <select id="select1" | ||
| multiple> | ||
| <option id="option1" | ||
| selected | ||
| value="blar">blar</option> | ||
| </select> | ||
|
|
||
| <dl id="dl" | ||
| compact> | ||
| <dt>Term</dt><dd>This is the first definition in compact format.</dd> | ||
| <dt>Term</dt><dd>This is the second definition in compact format.</dd> | ||
| </dl> | ||
|
|
||
| <object id="object1" | ||
| declare></object> | ||
|
|
||
| <marquee id="marquee1" | ||
| direction="up" | ||
| truespeed>Scrolling text (non-standard)</marquee> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,133 @@ | ||
| /** | ||
| * This test page is for selector tests that address selector issues that have already been addressed in jQuery functions | ||
| * and which only work because jQuery has hooked into Sizzle. | ||
| * These tests may or may not fail in an independent Sizzle. | ||
| */ | ||
|
|
||
| module("selector - jQuery only", { teardown: moduleTeardown }); | ||
|
|
||
| /** | ||
| * Loads an iframe for the selector context | ||
| * @param {String} fileName - Name of the html file to load | ||
| * @param {String} name - Test name | ||
| * @param {Function} fn - Test callback containing the tests to run | ||
| */ | ||
| var testIframe = function( fileName, name, fn ) { | ||
|
|
||
| var loadFixture = function() { | ||
|
|
||
| // Creates iframe with cache disabled | ||
| var src = "./data/" + fileName + ".html?" + parseInt( Math.random()*1000, 10 ), | ||
| iframe = jQuery("<iframe />").css({ | ||
| width: 500, height: 500, position: "absolute", top: -600, left: -600, visibility: "hidden" | ||
| }).appendTo("body")[0]; | ||
| iframe.contentWindow.location = src; | ||
| return iframe; | ||
| }; | ||
|
|
||
| test(name, function() { | ||
| // pause execution for now | ||
| stop(); | ||
|
|
||
| // load fixture in iframe | ||
| var iframe = loadFixture(), | ||
| win = iframe.contentWindow, | ||
| interval = setInterval( function() { | ||
| if ( win && win.jQuery && win.jQuery.isReady ) { | ||
| clearInterval( interval ); | ||
| // continue | ||
| start(); | ||
| // call actual tests passing the correct jQuery instance to use | ||
| fn.call( this, win.jQuery, win ); | ||
| document.body.removeChild( iframe ); | ||
| iframe = null; | ||
| } | ||
| }, 15 ); | ||
| }); | ||
| }; | ||
|
|
||
| testIframe("selector", "attributes - jQuery.attr", function( jQuery, window ) { | ||
| expect(34); | ||
|
|
||
| var document = window.document; | ||
|
|
||
| /** | ||
| * Returns an array of elements with the given IDs, eg. | ||
| */ | ||
| var q = function() { | ||
| var r = []; | ||
|
|
||
| for ( var i = 0; i < arguments.length; i++ ) { | ||
| r.push( document.getElementById( arguments[i] ) ); | ||
| } | ||
|
|
||
| return r; | ||
| }; | ||
|
|
||
| /** | ||
| * Asserts that a select matches the given IDs * @example t("Check for something", "//[a]", ["foo", "baar"]); | ||
| * @param {String} a - Assertion name | ||
| * @param {String} b - Sizzle selector | ||
| * @param {String} c - Array of ids to construct what is expected | ||
| */ | ||
| var t = function( a, b, c ) { | ||
| var f = jQuery(b).get(), s = ""; | ||
|
|
||
| for ( var i = 0; i < f.length; i++ ) { | ||
| s += (s && ",") + '"' + f[i].id + '"'; | ||
| } | ||
|
|
||
| deepEqual(f, q.apply( q, c ), a + " (" + b + ")"); | ||
| }; | ||
|
|
||
| // ====== All known boolean attributes, including html5 booleans ====== | ||
| // autobuffer, autofocus, autoplay, async, checked, | ||
| // compact, controls, declare, defer, disabled, | ||
| // formnovalidate, hidden, indeterminate (property only), | ||
| // ismap, itemscope, loop, multiple, muted, nohref, noresize, | ||
| // noshade, nowrap, novalidate, open, pubdate, readonly, required, | ||
| // reversed, scoped, seamless, selected, truespeed, visible (skipping visible attribute, which is on a barprop object) | ||
|
|
||
| t( "Attribute Exists", "[autobuffer]", ["video1"]); | ||
| t( "Attribute Exists", "[autofocus]", ["text1"]); | ||
| t( "Attribute Exists", "[autoplay]", ["video1"]); | ||
| t( "Attribute Exists", "[async]", ["script1"]); | ||
| t( "Attribute Exists", "[checked]", ["check1"]); | ||
| t( "Attribute Exists", "[compact]", ["dl"]); | ||
| t( "Attribute Exists", "[controls]", ["video1"]); | ||
| t( "Attribute Exists", "[declare]", ["object1"]); | ||
| t( "Attribute Exists", "[defer]", ["script1"]); | ||
| t( "Attribute Exists", "[disabled]", ["check1"]); | ||
| t( "Attribute Exists", "[formnovalidate]", ["form1"]); | ||
| t( "Attribute Exists", "[hidden]", ["div1"]); | ||
| t( "Attribute Exists", "[indeterminate]", []); | ||
| t( "Attribute Exists", "[ismap]", ["img1"]); | ||
| t( "Attribute Exists", "[itemscope]", ["div1"]); | ||
| // t( "Attribute Exists", "[loop]", ["video1"]); // IE 6/7 cannot differentiate here. loop is also used on img, input, and marquee tags as well as video/audio. getAttributeNode unfortunately only retrieves the property value. | ||
| t( "Attribute Exists", "[multiple]", ["select1"]); | ||
| t( "Attribute Exists", "[muted]", ["audio1"]); | ||
| // t( "Attribute Exists", "[nohref]", ["area1"]); // IE 6/7 keep this set to false regardless of presence. The attribute node is not retrievable. | ||
| t( "Attribute Exists", "[noresize]", ["textarea1"]); | ||
| t( "Attribute Exists", "[noshade]", ["hr1"]); | ||
| t( "Attribute Exists", "[nowrap]", ["td1", "div1"]); | ||
| t( "Attribute Exists", "[novalidate]", ["form1"]); | ||
| t( "Attribute Exists", "[open]", ["details1"]); | ||
| t( "Attribute Exists", "[pubdate]", ["article1"]); | ||
| t( "Attribute Exists", "[readonly]", ["text1"]); | ||
| t( "Attribute Exists", "[required]", ["text1"]); | ||
| t( "Attribute Exists", "[reversed]", ["ol1"]); | ||
| t( "Attribute Exists", "[scoped]", ["style1"]); | ||
| t( "Attribute Exists", "[seamless]", ["iframe1"]); | ||
| // t( "Attribute Exists", "[selected]", ["option1"]); // IE8's querySelectorAll fails here. Redirecting to oldSizzle would work, but it would require an additional support test as well as a check for the selected attribute within the qsa logic | ||
| t( "Attribute Exists", "[truespeed]", ["marquee1"]); | ||
|
|
||
| // Enumerated attributes (these are not boolean content attributes) | ||
| jQuery.each([ "draggable", "contenteditable", "aria-disabled" ], function( i, val ) { | ||
| t( "Enumerated attribute", "[" + val + "]", ["div1"]); | ||
| }); | ||
| t( "Enumerated attribute", "[spellcheck]", ["span1"]); | ||
|
|
||
| // t( "tabindex selector does not retrieve all elements in IE6/7(#8473)", "form, [tabindex]", ["form1", "text1"]); // Uncomment this when the tabindex attrHook is deprecated | ||
|
|
||
| t( "Improperly named form elements do not interfere with form selections (#9570)", "form[name='formName']", ["form1"]); | ||
| }); |
Oops, something went wrong.