diff options
author | Michał Gołębiowski-Owczarek <m.goleb@gmail.com> | 2023-06-12 22:58:58 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2023-06-12 22:58:58 +0200 |
commit | 13a870b60e2042cf2c5df45589ec160e19168531 (patch) | |
tree | c3531d25e2ce8157bcb3778ea66044087b015fe8 /test | |
parent | 992a66538b535d24c9ba46c3a4492665943b40c7 (diff) | |
download | jquery-13a870b60e2042cf2c5df45589ec160e19168531.tar.gz jquery-13a870b60e2042cf2c5df45589ec160e19168531.zip |
Selector: Re-expose jQuery.find.tokenize (3.x version)
`Sizzle.tokenize` is an internal Sizzle API, but exposed. As a result,
it has historically been available in jQuery via `jQuery.find.tokenize`.
That got dropped during Sizzle removal; this change restores the API.
In addition to that, Sizzle tests have been backported for the following
APIs:
* `jQuery.find.matchesSelector`
* `jQuery.find.matches`
* `jQuery.find.compile`
* `jQuery.find.select`
A new test was also added for `jQuery.find.tokenize` - even Sizzle was
missing one.
Fixes gh-5259
Closes gh-5260
Ref gh-5263
Ref jquery/sizzle#242
Ref gh-5113
Ref gh-4395
Ref gh-4406
Diffstat (limited to 'test')
-rw-r--r-- | test/unit/selector.js | 229 |
1 files changed, 229 insertions, 0 deletions
diff --git a/test/unit/selector.js b/test/unit/selector.js index d94eb76ea..0bd35e6bd 100644 --- a/test/unit/selector.js +++ b/test/unit/selector.js @@ -2448,3 +2448,232 @@ QUnit[ QUnit.jQuerySelectors ? "test" : "skip" ]( "Ensure no 'undefined' handler assert.ok( !jQuery.expr.attrHandle.hasOwnProperty( "undefined" ), "Extra attr handlers are not added to Expr.attrHandle (https://github.com/jquery/sizzle/issues/353)" ); } ); + +QUnit.test( "jQuery.find.matchesSelector", function( assert ) { + assert.expect( 15 ); + + var link = document.getElementById( "simon1" ), + input = document.getElementById( "text1" ), + option = document.getElementById( "option1a" ), + disconnected = document.createElement( "div" ); + + link.title = "Don't click me"; + assert.ok( jQuery.find.matchesSelector( link, "[rel='bookmark']" ), "attribute-equals string" ); + assert.ok( jQuery.find.matchesSelector( link, "[rel=bookmark]" ), "attribute-equals identifier" ); + assert.ok( jQuery.find.matchesSelector( link, "[\nrel = bookmark\t]" ), + "attribute-equals identifier (whitespace ignored)" ); + assert.ok( jQuery.find.matchesSelector( link, "a[title=\"Don't click me\"]" ), + "attribute-equals string containing single quote" ); + + // trac-12303 + input.setAttribute( "data-pos", ":first" ); + assert.ok( jQuery.find.matchesSelector( input, "input[data-pos=\\:first]" ), + "attribute-equals POS in identifier" ); + assert.ok( jQuery.find.matchesSelector( input, "input[data-pos=':first']" ), + "attribute-equals POS in string" ); + if ( QUnit.jQuerySelectors ) { + assert.ok( jQuery.find.matchesSelector( input, ":input[data-pos=':first']" ), + "attribute-equals POS in string after pseudo" ); + } else { + assert.ok( "skip", ":input not supported in selector-native" ); + } + + option.setAttribute( "test", "" ); + assert.ok( jQuery.find.matchesSelector( option, "[id=option1a]" ), + "id attribute-equals identifier" ); + if ( QUnit.jQuerySelectors ) { + assert.ok( jQuery.find.matchesSelector( option, "[id*=option1][type!=checkbox]" ), + "attribute-not-equals identifier" ); + } else { + assert.ok( "skip", "[key!=value] not supported in selector-native" ); + } + assert.ok( jQuery.find.matchesSelector( option, "[id*=option1]" ), "attribute-contains identifier" ); + assert.ok( !jQuery.find.matchesSelector( option, "[test^='']" ), + "attribute-starts-with empty string (negative)" ); + + option.className = "=]"; + assert.ok( jQuery.find.matchesSelector( option, ".\\=\\]" ), + "class selector with attribute-equals confusable" ); + + assert.ok( jQuery.find.matchesSelector( disconnected, "div" ), "disconnected element" ); + assert.ok( jQuery.find.matchesSelector( link, "* > *" ), "child combinator matches in document" ); + assert.ok( !jQuery.find.matchesSelector( disconnected, "* > *" ), "child combinator fails in fragment" ); +} ); + +QUnit.test( "jQuery.find.matches", function( assert ) { + assert.expect( 4 ); + + var iframeChild, + input = document.getElementById( "text1" ), + div = document.createElement( "div" ), + iframe = document.getElementById( "iframe" ), + iframeDoc = iframe.contentDocument || iframe.contentWindow.document; + + assert.deepEqual( jQuery.find.matches( "input", [ input ] ), [ input ], + "jQuery.find.matches with seed of input element" ); + assert.deepEqual( jQuery.find.matches( "div", [ div ] ), [ div ], + "jQuery.find.matches with disconnected element" ); + + iframeDoc.open(); + iframeDoc.write( "<body><div id='foo'><div id='bar'></div></div></body>" ); + iframeDoc.close(); + + iframeChild = iframeDoc.getElementById( "bar" ); + + assert.deepEqual( + jQuery.find.matches( ":root > body > #foo > #bar", [ iframeChild ] ), + [ iframeChild ], + "jQuery.find.matches infers context from element" + ); + + assert.deepEqual( + jQuery.find.matches( ":root *", [ div, iframeChild, input ] ), + [ iframeChild, input ], + "jQuery.find.matches infers context from each seed element" + ); +} ); + +QUnit[ QUnit.jQuerySelectors ? "test" : "skip" ]( "jQuery.find.select with pre-compiled function", function( assert ) { + assert.expect( 6 ); + + supportjQuery.each( [ + "#qunit-fixture #first", + "ol#listWithTabIndex > li[tabindex]", + "#liveSpan1" + ], function( i, selector ) { + var compiled = jQuery.find.compile( selector ); + assert.equal( jQuery.find.select( compiled, document ).length, + 1, "Should match using a compiled selector function" ); + assert.equal( + jQuery.find.select( compiled, jQuery( "#first" )[ 0 ] ).length, + 0, "Should not match with different context" ); + } ); +} ); + +// Internal, but we test it for backwards compatibility for edge cases +QUnit[ QUnit.jQuerySelectors ? "test" : "skip" ]( "jQuery.find.tokenize", function( assert ) { + assert.expect( 1 ); + + var selector = "#id .class > div[prop=\"value\"] + input:nth-child(1):button, span:contains(\"Text\") ~ div:has(div:has(span)):not(.not-this.not-that > div)", + tokens = [ + [ + { + "value": "#id", + "type": "ID", + "matches": [ + "id" + ] + }, + { + "value": " ", + "type": " " + }, + { + "value": ".class", + "type": "CLASS", + "matches": [ + "class" + ] + }, + { + "value": " > ", + "type": ">" + }, + { + "value": "div", + "type": "TAG", + "matches": [ + "div" + ] + }, + { + "value": "[prop=\"value\"]", + "type": "ATTR", + "matches": [ + "prop", + "=", + "value" + ] + }, + { + "value": " + ", + "type": "+" + }, + { + "value": "input", + "type": "TAG", + "matches": [ + "input" + ] + }, + { + "value": ":nth-child(1)", + "type": "CHILD", + "matches": [ + "nth", + "child", + "1", + 0, + 1, + undefined, + "", + "1" + ] + }, + { + "value": ":button", + "type": "PSEUDO", + "matches": [ + "button", + undefined + ] + } + ], + [ + { + "value": "span", + "type": "TAG", + "matches": [ + "span" + ] + }, + { + "value": ":contains(\"Text\")", + "type": "PSEUDO", + "matches": [ + "contains", + "Text" + ] + }, + { + "value": " ~ ", + "type": "~" + }, + { + "value": "div", + "type": "TAG", + "matches": [ + "div" + ] + }, + { + "value": ":has(div:has(span))", + "type": "PSEUDO", + "matches": [ + "has", + "div:has(span)" + ] + }, + { + "value": ":not(.not-this.not-that > div)", + "type": "PSEUDO", + "matches": [ + "not", + ".not-this.not-that > div" + ] + } + ] + ]; + + assert.deepEqual( jQuery.find.tokenize( selector ), tokens, "Tokenization successful" ); +} ); |