2015-09-03 01:46:31 +00:00
QUnit . module ( "selector" , { teardown : moduleTeardown } ) ;
2012-05-29 16:40:13 +00:00
2011-09-12 23:40:14 +00:00
/ * *
2012-05-28 16:18:40 +00:00
* This test page is for selector tests that require jQuery in order to do the selection
2011-09-12 23:40:14 +00:00
* /
2015-09-03 01:46:31 +00:00
QUnit . test ( "element - jQuery only" , function ( assert ) {
assert . expect ( 7 ) ;
2012-05-28 16:18:40 +00:00
2015-09-02 23:52:01 +00:00
var fixture = document . getElementById ( "qunit-fixture" ) ;
2012-12-11 00:07:07 +00:00
2015-09-03 01:46:31 +00:00
assert . deepEqual ( jQuery ( "p" , fixture ) . get ( ) , q ( "firstp" , "ap" , "sndp" , "en" , "sap" , "first" ) , "Finding elements with a Node context." ) ;
assert . deepEqual ( jQuery ( "p" , "#qunit-fixture" ) . get ( ) , q ( "firstp" , "ap" , "sndp" , "en" , "sap" , "first" ) , "Finding elements with a selector context." ) ;
assert . deepEqual ( jQuery ( "p" , jQuery ( "#qunit-fixture" ) ) . get ( ) , q ( "firstp" , "ap" , "sndp" , "en" , "sap" , "first" ) , "Finding elements with a jQuery object context." ) ;
assert . deepEqual ( jQuery ( "#qunit-fixture" ) . find ( "p" ) . get ( ) , q ( "firstp" , "ap" , "sndp" , "en" , "sap" , "first" ) , "Finding elements with a context via .find()." ) ;
2012-05-28 16:18:40 +00:00
2015-09-03 01:46:31 +00:00
assert . ok ( jQuery ( "#length" ) . length , "<input name=\"length\"> cannot be found under IE, see #945" ) ;
assert . ok ( jQuery ( "#lengthtest input" ) . length , "<input name=\"length\"> cannot be found under IE, see #945" ) ;
2012-05-28 18:35:01 +00:00
2012-06-20 15:19:24 +00:00
// #7533
2015-09-03 01:46:31 +00:00
assert . equal ( jQuery ( "<div id=\"A'B~C.D[E]\"><p>foo</p></div>" ) . find ( "p" ) . length , 1 , "Find where context root is a node and has an ID with CSS3 meta characters" ) ;
2015-09-02 23:52:01 +00:00
} ) ;
2012-05-28 16:18:40 +00:00
2015-09-03 01:46:31 +00:00
QUnit . test ( "id" , function ( assert ) {
assert . expect ( 26 ) ;
2014-02-24 18:05:16 +00:00
var a ;
2015-09-02 23:52:01 +00:00
t ( "ID Selector" , "#body" , [ "body" ] ) ;
t ( "ID Selector w/ Element" , "body#body" , [ "body" ] ) ;
2014-02-24 18:05:16 +00:00
t ( "ID Selector w/ Element" , "ul#first" , [ ] ) ;
2015-09-02 23:52:01 +00:00
t ( "ID selector with existing ID descendant" , "#firstp #simon1" , [ "simon1" ] ) ;
2014-02-24 18:05:16 +00:00
t ( "ID selector with non-existant descendant" , "#firstp #foobar" , [ ] ) ;
2015-09-02 23:52:01 +00:00
t ( "ID selector using UTF8" , "#台北Táiběi" , [ "台北Táiběi" ] ) ;
t ( "Multiple ID selectors using UTF8" , "#台北Táiběi, #台北" , [ "台北Táiběi" , "台北" ] ) ;
t ( "Descendant ID selector using UTF8" , "div #台北" , [ "台北" ] ) ;
t ( "Child ID selector using UTF8" , "form > #台北" , [ "台北" ] ) ;
t ( "Escaped ID" , "#foo\\:bar" , [ "foo:bar" ] ) ;
t ( "Escaped ID" , "#test\\.foo\\[5\\]bar" , [ "test.foo[5]bar" ] ) ;
t ( "Descendant escaped ID" , "div #foo\\:bar" , [ "foo:bar" ] ) ;
t ( "Descendant escaped ID" , "div #test\\.foo\\[5\\]bar" , [ "test.foo[5]bar" ] ) ;
t ( "Child escaped ID" , "form > #foo\\:bar" , [ "foo:bar" ] ) ;
t ( "Child escaped ID" , "form > #test\\.foo\\[5\\]bar" , [ "test.foo[5]bar" ] ) ;
t ( "ID Selector, child ID present" , "#form > #radio1" , [ "radio1" ] ) ; // bug #267
2014-02-24 18:05:16 +00:00
t ( "ID Selector, not an ancestor ID" , "#form #first" , [ ] ) ;
t ( "ID Selector, not a child ID" , "#form > #option1a" , [ ] ) ;
2015-09-02 23:52:01 +00:00
t ( "All Children of ID" , "#foo > *" , [ "sndp" , "en" , "sap" ] ) ;
2014-02-24 18:05:16 +00:00
t ( "All Children of ID with no children" , "#firstUL > *" , [ ] ) ;
2015-09-02 23:52:01 +00:00
a = jQuery ( "<a id='backslash\\foo'></a>" ) . appendTo ( "#qunit-fixture" ) ;
t ( "ID Selector contains backslash" , "#backslash\\\\foo" , [ "backslash\\foo" ] ) ;
2014-02-24 18:05:16 +00:00
2015-09-02 23:52:01 +00:00
t ( "ID Selector on Form with an input that has a name of 'id'" , "#lengthtest" , [ "lengthtest" ] ) ;
2014-02-24 18:05:16 +00:00
t ( "ID selector with non-existant ancestor" , "#asdfasdf #foobar" , [ ] ) ; // bug #986
2015-09-02 23:52:01 +00:00
t ( "Underscore ID" , "#types_all" , [ "types_all" ] ) ;
t ( "Dash ID" , "#qunit-fixture" , [ "qunit-fixture" ] ) ;
2014-02-24 18:05:16 +00:00
2015-09-02 23:52:01 +00:00
t ( "ID with weird characters in it" , "#name\\+value" , [ "name+value" ] ) ;
} ) ;
2014-02-24 18:05:16 +00:00
2015-09-03 01:46:31 +00:00
QUnit . test ( "class - jQuery only" , function ( assert ) {
assert . expect ( 4 ) ;
2012-05-28 16:18:40 +00:00
2015-09-03 01:46:31 +00:00
assert . deepEqual ( jQuery ( ".blog" , document . getElementsByTagName ( "p" ) ) . get ( ) , q ( "mark" , "simon" ) , "Finding elements with a context." ) ;
assert . deepEqual ( jQuery ( ".blog" , "p" ) . get ( ) , q ( "mark" , "simon" ) , "Finding elements with a context." ) ;
assert . deepEqual ( jQuery ( ".blog" , jQuery ( "p" ) ) . get ( ) , q ( "mark" , "simon" ) , "Finding elements with a context." ) ;
assert . deepEqual ( jQuery ( "p" ) . find ( ".blog" ) . get ( ) , q ( "mark" , "simon" ) , "Finding elements with a context." ) ;
2015-09-02 23:52:01 +00:00
} ) ;
2012-05-28 16:18:40 +00:00
2015-09-03 01:46:31 +00:00
QUnit . test ( "name" , function ( assert ) {
assert . expect ( 5 ) ;
2014-02-24 18:05:16 +00:00
var form ;
2015-09-02 23:52:01 +00:00
t ( "Name selector" , "input[name=action]" , [ "text1" ] ) ;
t ( "Name selector with single quotes" , "input[name='action']" , [ "text1" ] ) ;
t ( "Name selector with double quotes" , "input[name=\"action\"]" , [ "text1" ] ) ;
2014-02-24 18:05:16 +00:00
2015-09-02 23:52:01 +00:00
t ( "Name selector for grouped input" , "input[name='types[]']" , [ "types_all" , "types_anime" , "types_movie" ] ) ;
2014-02-24 18:05:16 +00:00
2015-09-02 23:52:01 +00:00
form = jQuery ( "<form><input name='id'/></form>" ) . appendTo ( "body" ) ;
2015-09-03 01:46:31 +00:00
assert . equal ( jQuery ( "input" , form [ 0 ] ) . length , 1 , "Make sure that rooted queries on forms (with possible expandos) work." ) ;
2014-02-24 18:05:16 +00:00
form . remove ( ) ;
2015-09-02 23:52:01 +00:00
} ) ;
2014-02-24 18:05:16 +00:00
2015-09-03 01:46:31 +00:00
QUnit . test ( "selectors with comma" , function ( assert ) {
assert . expect ( 4 ) ;
2014-02-26 23:13:26 +00:00
var fixture = jQuery ( "<div><h2><span/></h2><div><p><span/></p><p/></div></div>" ) ;
2015-09-03 01:46:31 +00:00
assert . equal ( fixture . find ( "h2, div p" ) . filter ( "p" ) . length , 2 , "has to find two <p>" ) ;
assert . equal ( fixture . find ( "h2, div p" ) . filter ( "h2" ) . length , 1 , "has to find one <h2>" ) ;
assert . equal ( fixture . find ( "h2 , div p" ) . filter ( "p" ) . length , 2 , "has to find two <p>" ) ;
assert . equal ( fixture . find ( "h2 , div p" ) . filter ( "h2" ) . length , 1 , "has to find one <h2>" ) ;
2015-09-02 23:52:01 +00:00
} ) ;
2014-02-26 23:13:26 +00:00
2015-09-03 01:46:31 +00:00
QUnit . test ( "child and adjacent" , function ( assert ) {
assert . expect ( 27 ) ;
2014-02-26 23:32:02 +00:00
var nothiddendiv ;
2015-09-02 23:52:01 +00:00
t ( "Child" , "p > a" , [ "simon1" , "google" , "groups" , "mark" , "yahoo" , "simon" ] ) ;
t ( "Child" , "p> a" , [ "simon1" , "google" , "groups" , "mark" , "yahoo" , "simon" ] ) ;
t ( "Child" , "p >a" , [ "simon1" , "google" , "groups" , "mark" , "yahoo" , "simon" ] ) ;
t ( "Child" , "p>a" , [ "simon1" , "google" , "groups" , "mark" , "yahoo" , "simon" ] ) ;
t ( "Child w/ Class" , "p > a.blog" , [ "mark" , "simon" ] ) ;
t ( "All Children" , "code > *" , [ "anchor1" , "anchor2" ] ) ;
t ( "All Grandchildren" , "p > * > *" , [ "anchor1" , "anchor2" ] ) ;
t ( "Adjacent" , "p + p" , [ "ap" , "en" , "sap" ] ) ;
t ( "Adjacent" , "p#firstp + p" , [ "ap" ] ) ;
t ( "Adjacent" , "p[lang=en] + p" , [ "sap" ] ) ;
t ( "Adjacent" , "a.GROUPS + code + a" , [ "mark" ] ) ;
t ( "Element Preceded By" , "#groups ~ a" , [ "mark" ] ) ;
t ( "Element Preceded By" , "#length ~ input" , [ "idTest" ] ) ;
t ( "Element Preceded By" , "#siblingfirst ~ em" , [ "siblingnext" , "siblingthird" ] ) ;
t ( "Element Preceded By (multiple)" , "#siblingTest em ~ em ~ em ~ span" , [ "siblingspan" ] ) ;
t ( "Element Preceded By, Containing" , "#liveHandlerOrder ~ div em:contains('1')" , [ "siblingfirst" ] ) ;
t ( "Multiple combinators selects all levels" , "#siblingTest em *" , [ "siblingchild" , "siblinggrandchild" , "siblinggreatgrandchild" ] ) ;
t ( "Multiple combinators selects all levels" , "#siblingTest > em *" , [ "siblingchild" , "siblinggrandchild" , "siblinggreatgrandchild" ] ) ;
t ( "Multiple sibling combinators doesn't miss general siblings" , "#siblingTest > em:first-child + em ~ span" , [ "siblingspan" ] ) ;
2014-02-26 23:32:02 +00:00
t ( "Combinators are not skipped when mixing general and specific" , "#siblingTest > em:contains('x') + em ~ span" , [ ] ) ;
2015-09-03 01:46:31 +00:00
assert . equal ( jQuery ( "#listWithTabIndex" ) . length , 1 , "Parent div for next test is found via ID (#8310)" ) ;
assert . equal ( jQuery ( "#listWithTabIndex li:eq(2) ~ li" ) . length , 1 , "Find by general sibling combinator (#8310)" ) ;
assert . equal ( jQuery ( "#__sizzle__" ) . length , 0 , "Make sure the temporary id assigned by sizzle is cleared out (#8310)" ) ;
assert . equal ( jQuery ( "#listWithTabIndex" ) . length , 1 , "Parent div for previous test is still found via ID (#8310)" ) ;
2014-02-26 23:32:02 +00:00
t ( "Verify deep class selector" , "div.blah > p > a" , [ ] ) ;
t ( "No element deep selector" , "div.foo > span > a" , [ ] ) ;
2015-09-02 23:52:01 +00:00
nothiddendiv = document . getElementById ( "nothiddendiv" ) ;
2014-02-26 23:32:02 +00:00
t ( "Non-existant ancestors" , ".fototab > .thumbnails > a" , [ ] ) ;
2015-09-02 23:52:01 +00:00
} ) ;
2014-02-26 23:32:02 +00:00
2015-09-03 01:46:31 +00:00
QUnit . test ( "attributes" , function ( assert ) {
assert . expect ( 54 ) ;
2014-02-26 23:13:26 +00:00
2014-02-26 23:33:15 +00:00
var attrbad , div , withScript ;
2012-05-30 17:46:50 +00:00
2015-09-02 23:52:01 +00:00
t ( "Find elements with a tabindex attribute" , "[tabindex]" , [ "listWithTabIndex" , "foodWithNegativeTabIndex" , "linkWithTabIndex" , "linkWithNegativeTabIndex" , "linkWithNoHrefWithTabIndex" , "linkWithNoHrefWithNegativeTabIndex" ] ) ;
2012-12-08 21:28:10 +00:00
2015-09-02 23:52:01 +00:00
t ( "Attribute Exists" , "#qunit-fixture a[title]" , [ "google" ] ) ;
t ( "Attribute Exists (case-insensitive)" , "#qunit-fixture a[TITLE]" , [ "google" ] ) ;
t ( "Attribute Exists" , "#qunit-fixture *[title]" , [ "google" ] ) ;
t ( "Attribute Exists" , "#qunit-fixture [title]" , [ "google" ] ) ;
t ( "Attribute Exists" , "#qunit-fixture a[ title ]" , [ "google" ] ) ;
2014-02-26 23:23:10 +00:00
2015-09-02 23:52:01 +00:00
t ( "Boolean attribute exists" , "#select2 option[selected]" , [ "option2d" ] ) ;
t ( "Boolean attribute equals" , "#select2 option[selected='selected']" , [ "option2d" ] ) ;
2014-02-26 23:23:10 +00:00
2015-09-02 23:52:01 +00:00
t ( "Attribute Equals" , "#qunit-fixture a[rel='bookmark']" , [ "simon1" ] ) ;
t ( "Attribute Equals" , "#qunit-fixture a[rel='bookmark']" , [ "simon1" ] ) ;
t ( "Attribute Equals" , "#qunit-fixture a[rel=bookmark]" , [ "simon1" ] ) ;
t ( "Attribute Equals" , "#qunit-fixture a[href='http://www.google.com/']" , [ "google" ] ) ;
t ( "Attribute Equals" , "#qunit-fixture a[ rel = 'bookmark' ]" , [ "simon1" ] ) ;
t ( "Attribute Equals Number" , "#qunit-fixture option[value=1]" , [ "option1b" , "option2b" , "option3b" , "option4b" , "option5c" ] ) ;
t ( "Attribute Equals Number" , "#qunit-fixture li[tabIndex=-1]" , [ "foodWithNegativeTabIndex" ] ) ;
2014-02-26 23:23:10 +00:00
2015-09-02 23:52:01 +00:00
document . getElementById ( "anchor2" ) . href = "#2" ;
t ( "href Attribute" , "p a[href^='#']" , [ "anchor2" ] ) ;
t ( "href Attribute" , "p a[href*='#']" , [ "simon1" , "anchor2" ] ) ;
2014-02-26 23:23:10 +00:00
2015-09-02 23:52:01 +00:00
t ( "for Attribute" , "form label[for]" , [ "label-for" ] ) ;
t ( "for Attribute in form" , "#form [for=action]" , [ "label-for" ] ) ;
2014-02-26 23:23:10 +00:00
2015-09-02 23:52:01 +00:00
t ( "Attribute containing []" , "input[name^='foo[']" , [ "hidden2" ] ) ;
t ( "Attribute containing []" , "input[name^='foo[bar]']" , [ "hidden2" ] ) ;
t ( "Attribute containing []" , "input[name*='[bar]']" , [ "hidden2" ] ) ;
t ( "Attribute containing []" , "input[name$='bar]']" , [ "hidden2" ] ) ;
t ( "Attribute containing []" , "input[name$='[bar]']" , [ "hidden2" ] ) ;
t ( "Attribute containing []" , "input[name$='foo[bar]']" , [ "hidden2" ] ) ;
t ( "Attribute containing []" , "input[name*='foo[bar]']" , [ "hidden2" ] ) ;
2014-02-26 23:23:10 +00:00
2015-09-02 23:52:01 +00:00
t ( "Multiple Attribute Equals" , "#form input[type='radio'], #form input[type='hidden']" , [ "radio1" , "radio2" , "hidden1" ] ) ;
t ( "Multiple Attribute Equals" , "#form input[type='radio'], #form input[type=\"hidden\"]" , [ "radio1" , "radio2" , "hidden1" ] ) ;
t ( "Multiple Attribute Equals" , "#form input[type='radio'], #form input[type=hidden]" , [ "radio1" , "radio2" , "hidden1" ] ) ;
2014-02-26 23:23:10 +00:00
2015-09-02 23:52:01 +00:00
t ( "Attribute selector using UTF8" , "span[lang=中文]" , [ "台北" ] ) ;
2014-02-26 23:23:10 +00:00
2015-09-02 23:52:01 +00:00
t ( "Attribute Begins With" , "a[href ^= 'http://www']" , [ "google" , "yahoo" ] ) ;
t ( "Attribute Ends With" , "a[href $= 'org/']" , [ "mark" ] ) ;
t ( "Attribute Contains" , "a[href *= 'google']" , [ "google" , "groups" ] ) ;
t ( "Attribute Is Not Equal" , "#ap a[hreflang!='en']" , [ "google" , "groups" , "anchor1" ] ) ;
2014-02-26 23:23:10 +00:00
2015-09-02 23:52:01 +00:00
t ( "Empty values" , "#select1 option[value='']" , [ "option1a" ] ) ;
t ( "Empty values" , "#select1 option[value!='']" , [ "option1b" , "option1c" , "option1d" ] ) ;
2014-02-26 23:23:10 +00:00
2015-09-02 23:52:01 +00:00
t ( "Select options via :selected" , "#select1 option:selected" , [ "option1a" ] ) ;
t ( "Select options via :selected" , "#select2 option:selected" , [ "option2d" ] ) ;
t ( "Select options via :selected" , "#select3 option:selected" , [ "option3b" , "option3c" ] ) ;
t ( "Select options via :selected" , "select[name='select2'] option:selected" , [ "option2d" ] ) ;
2014-02-26 23:23:10 +00:00
2015-09-02 23:52:01 +00:00
t ( "Grouped Form Elements" , "input[name='foo[bar]']" , [ "hidden2" ] ) ;
2014-02-26 23:23:10 +00:00
// Make sure attribute value quoting works correctly. See jQuery #6093; #6428; #13894
// Use seeded results to bypass querySelectorAll optimizations
attrbad = jQuery (
"<input type='hidden' id='attrbad_space' name='foo bar'/>" +
"<input type='hidden' id='attrbad_dot' value='2' name='foo.baz'/>" +
"<input type='hidden' id='attrbad_brackets' value='2' name='foo[baz]'/>" +
"<input type='hidden' id='attrbad_injection' data-attr='foo_baz']'/>" +
"<input type='hidden' id='attrbad_quote' data-attr='''/>" +
"<input type='hidden' id='attrbad_backslash' data-attr='\'/>" +
"<input type='hidden' id='attrbad_backslash_quote' data-attr='\''/>" +
"<input type='hidden' id='attrbad_backslash_backslash' data-attr='\\'/>" +
"<input type='hidden' id='attrbad_unicode' data-attr='一'/>"
2015-09-02 23:52:01 +00:00
) . appendTo ( "#qunit-fixture" ) . get ( ) ;
2014-02-26 23:23:10 +00:00
2015-09-02 23:52:01 +00:00
t ( "Underscores don't need escaping" , "input[id=types_all]" , [ "types_all" ] ) ;
2014-02-26 23:23:10 +00:00
2015-09-02 23:52:01 +00:00
t ( "input[type=text]" , "#form input[type=text]" , [ "text1" , "text2" , "hidden2" , "name" ] ) ;
t ( "input[type=search]" , "#form input[type=search]" , [ "search" ] ) ;
2014-02-26 23:23:10 +00:00
withScript = supportjQuery ( "<div><span><script src=''/></span></div>" ) ;
2015-09-03 01:46:31 +00:00
assert . ok ( withScript . find ( "#moretests script[src]" ) . has ( "script" ) , "script[src] (jQuery #13777)" ) ;
2014-02-26 23:23:10 +00:00
2015-09-02 23:52:01 +00:00
div = document . getElementById ( "foo" ) ;
2014-02-26 23:23:10 +00:00
t ( "Object.prototype property \"constructor\" (negative)" , "[constructor]" , [ ] ) ;
t ( "Gecko Object.prototype property \"watch\" (negative)" , "[watch]" , [ ] ) ;
div . setAttribute ( "constructor" , "foo" ) ;
div . setAttribute ( "watch" , "bar" ) ;
2015-09-02 23:52:01 +00:00
t ( "Object.prototype property \"constructor\"" , "[constructor='foo']" , [ "foo" ] ) ;
t ( "Gecko Object.prototype property \"watch\"" , "[watch='bar']" , [ "foo" ] ) ;
2014-02-26 23:23:10 +00:00
2015-09-02 23:52:01 +00:00
t ( "Value attribute is retrieved correctly" , "input[value=Test]" , [ "text1" , "text2" ] ) ;
2014-02-26 23:23:10 +00:00
2012-12-08 21:28:10 +00:00
// #12600
2015-09-03 01:46:31 +00:00
assert . ok (
2015-09-02 23:52:01 +00:00
jQuery ( "<select value='12600'><option value='option' selected='selected'></option><option value=''></option></select>" )
2012-12-08 21:28:10 +00:00
. prop ( "value" , "option" )
2015-09-02 23:52:01 +00:00
. is ( ":input[value='12600']" ) ,
2012-12-08 21:28:10 +00:00
":input[value=foo] selects select by attribute"
) ;
2015-09-03 01:46:31 +00:00
assert . ok ( jQuery ( "<input type='text' value='12600'/>" ) . prop ( "value" , "option" ) . is ( ":input[value='12600']" ) ,
2012-12-08 21:28:10 +00:00
":input[value=foo] selects text input by attribute"
) ;
2012-12-09 05:26:24 +00:00
// #11115
2015-09-03 01:46:31 +00:00
assert . ok ( jQuery ( "<input type='checkbox' checked='checked'/>" ) . prop ( "checked" , false ) . is ( "[checked]" ) ,
2012-12-09 05:26:24 +00:00
"[checked] selects by attribute (positive)"
) ;
2015-09-03 01:46:31 +00:00
assert . ok ( ! jQuery ( "<input type='checkbox'/>" ) . prop ( "checked" , true ) . is ( "[checked]" ) ,
2012-12-09 05:26:24 +00:00
"[checked] selects by attribute (negative)"
) ;
2015-09-02 23:52:01 +00:00
} ) ;
2012-05-30 17:46:50 +00:00
2015-09-03 01:46:31 +00:00
QUnit . test ( "disconnected nodes" , function ( assert ) {
assert . expect ( 1 ) ;
2013-02-19 04:52:29 +00:00
2015-09-02 23:52:01 +00:00
var $div = jQuery ( "<div/>" ) ;
2015-09-03 01:46:31 +00:00
assert . equal ( $div . is ( "div" ) , true , "Make sure .is('nodeName') works on disconnected nodes." ) ;
2015-09-02 23:52:01 +00:00
} ) ;
2013-02-19 04:52:29 +00:00
2015-09-03 01:46:31 +00:00
QUnit . test ( "disconnected nodes - jQuery only" , function ( assert ) {
assert . expect ( 3 ) ;
2013-02-19 04:52:29 +00:00
2015-09-02 23:52:01 +00:00
var $opt = jQuery ( "<option></option>" ) . attr ( "value" , "whipit" ) . appendTo ( "#qunit-fixture" ) . detach ( ) ;
2015-09-03 01:46:31 +00:00
assert . equal ( $opt . val ( ) , "whipit" , "option value" ) ;
assert . equal ( $opt . is ( ":selected" ) , false , "unselected option" ) ;
2015-09-02 23:52:01 +00:00
$opt . prop ( "selected" , true ) ;
2015-09-03 01:46:31 +00:00
assert . equal ( $opt . is ( ":selected" ) , true , "selected option" ) ;
2015-09-02 23:52:01 +00:00
} ) ;
2012-05-28 16:18:40 +00:00
2015-09-03 01:46:31 +00:00
testIframe (
"selector/html5_selector" ,
"attributes - jQuery.attr" ,
function ( jQuery , window , document , assert ) {
assert . expect ( 37 ) ;
/ * *
* Returns an array of elements with the given IDs
* q & t are added here for the iFrame ' s context
* /
function q ( ) {
var r = [ ] ,
i = 0 ;
for ( ; i < arguments . length ; i ++ ) {
r . push ( document . getElementById ( arguments [ i ] ) ) ;
}
return r ;
2011-10-13 15:11:41 +00:00
}
2012-02-23 20:48:12 +00:00
2015-09-03 01:46:31 +00:00
/ * *
* 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 { Array } c - Array of ids to construct what is expected
* /
function t ( a , b , c ) {
var f = jQuery ( b ) . get ( ) ,
s = "" ,
i = 0 ;
for ( ; i < f . length ; i ++ ) {
s += ( s && "," ) + "'" + f [ i ] . id + "'" ;
}
assert . deepEqual ( f , q . apply ( q , c ) , a + " (" + b + ")" ) ;
2011-09-12 23:40:14 +00:00
}
2015-09-03 01:46:31 +00:00
// ====== 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" ] ) ;
t ( "Attribute Exists" , "[multiple]" , [ "select1" ] ) ;
t ( "Attribute Exists" , "[muted]" , [ "audio1" ] ) ;
t ( "Attribute Exists" , "[nohref]" , [ "area1" ] ) ;
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" ] ) ;
t ( "Attribute Exists" , "[truespeed]" , [ "marquee1" ] ) ;
// Enumerated attributes (these are not boolean content attributes)
jQuery . expandedEach = jQuery . each ;
jQuery . expandedEach ( [ "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"] ); // sigh, FF12 QSA mistakenly includes video elements even though they have no tabindex attribute (see https://bugzilla.mozilla.org/show_bug.cgi?id=618737)
t ( "Improperly named form elements do not interfere with form selections (#9570)" , "form[name='formName']" , [ "form1" ] ) ;
2011-10-13 15:11:41 +00:00
}
2015-09-03 01:46:31 +00:00
) ;
2011-09-12 23:40:14 +00:00
2015-09-03 01:46:31 +00:00
QUnit . test ( "jQuery.contains" , function ( assert ) {
assert . expect ( 16 ) ;
2014-02-26 23:01:07 +00:00
2015-09-02 23:52:01 +00:00
var container = document . getElementById ( "nonnodes" ) ,
2014-02-26 23:01:07 +00:00
element = container . firstChild ,
text = element . nextSibling ,
nonContained = container . nextSibling ,
2015-09-02 23:52:01 +00:00
detached = document . createElement ( "a" ) ;
2015-09-03 01:46:31 +00:00
assert . ok ( element && element . nodeType === 1 , "preliminary: found element" ) ;
assert . ok ( text && text . nodeType === 3 , "preliminary: found text" ) ;
assert . ok ( nonContained , "preliminary: found non-descendant" ) ;
assert . ok ( jQuery . contains ( container , element ) , "child" ) ;
assert . ok ( jQuery . contains ( container . parentNode , element ) , "grandchild" ) ;
assert . ok ( jQuery . contains ( container , text ) , "text child" ) ;
assert . ok ( jQuery . contains ( container . parentNode , text ) , "text grandchild" ) ;
assert . ok ( ! jQuery . contains ( container , container ) , "self" ) ;
assert . ok ( ! jQuery . contains ( element , container ) , "parent" ) ;
assert . ok ( ! jQuery . contains ( container , nonContained ) , "non-descendant" ) ;
assert . ok ( ! jQuery . contains ( container , document ) , "document" ) ;
assert . ok ( ! jQuery . contains ( container , document . documentElement ) , "documentElement (negative)" ) ;
assert . ok ( ! jQuery . contains ( container , null ) , "Passing null does not throw an error" ) ;
assert . ok ( jQuery . contains ( document , document . documentElement ) , "documentElement (positive)" ) ;
assert . ok ( jQuery . contains ( document , element ) , "document container (positive)" ) ;
assert . ok ( ! jQuery . contains ( document , detached ) , "document container (negative)" ) ;
2015-09-02 23:52:01 +00:00
} ) ;
2015-09-03 01:46:31 +00:00
QUnit . test ( "jQuery.uniqueSort" , function ( assert ) {
assert . expect ( 15 ) ;
2014-02-26 23:01:48 +00:00
function Arrayish ( arr ) {
var i = this . length = arr . length ;
while ( i -- ) {
this [ i ] = arr [ i ] ;
}
}
Arrayish . prototype = {
slice : [ ] . slice ,
sort : [ ] . sort ,
splice : [ ] . splice
} ;
var i , tests ,
detached = [ ] ,
body = document . body ,
2015-09-02 23:52:01 +00:00
fixture = document . getElementById ( "qunit-fixture" ) ,
detached1 = document . createElement ( "p" ) ,
detached2 = document . createElement ( "ul" ) ,
detachedChild = detached1 . appendChild ( document . createElement ( "a" ) ) ,
detachedGrandchild = detachedChild . appendChild ( document . createElement ( "b" ) ) ;
2014-02-26 23:01:48 +00:00
for ( i = 0 ; i < 12 ; i ++ ) {
2015-09-02 23:52:01 +00:00
detached . push ( document . createElement ( "li" ) ) ;
detached [ i ] . id = "detached" + i ;
detached2 . appendChild ( document . createElement ( "li" ) ) . id = "detachedChild" + i ;
2014-02-26 23:01:48 +00:00
}
tests = {
"Empty" : {
input : [ ] ,
expected : [ ]
} ,
"Single-element" : {
input : [ fixture ] ,
expected : [ fixture ]
} ,
"No duplicates" : {
input : [ fixture , body ] ,
expected : [ body , fixture ]
} ,
"Duplicates" : {
input : [ body , fixture , fixture , body ] ,
expected : [ body , fixture ]
} ,
"Detached" : {
input : detached . slice ( 0 ) ,
expected : detached . slice ( 0 )
} ,
"Detached children" : {
input : [
2015-09-02 23:52:01 +00:00
detached2 . childNodes [ 0 ] ,
detached2 . childNodes [ 1 ] ,
detached2 . childNodes [ 2 ] ,
detached2 . childNodes [ 3 ]
2014-02-26 23:01:48 +00:00
] ,
expected : [
2015-09-02 23:52:01 +00:00
detached2 . childNodes [ 0 ] ,
detached2 . childNodes [ 1 ] ,
detached2 . childNodes [ 2 ] ,
detached2 . childNodes [ 3 ]
2014-02-26 23:01:48 +00:00
]
} ,
"Attached/detached mixture" : {
input : [ detached1 , fixture , detached2 , document , detachedChild , body , detachedGrandchild ] ,
expected : [ document , body , fixture ] ,
length : 3
}
} ;
jQuery . each ( tests , function ( label , test ) {
var length = test . length || test . input . length ;
2015-09-03 01:46:31 +00:00
assert . deepEqual ( jQuery . uniqueSort ( test . input ) . slice ( 0 , length ) , test . expected , label + " (array)" ) ;
assert . deepEqual ( jQuery . uniqueSort ( new Arrayish ( test . input ) ) . slice ( 0 , length ) , test . expected , label + " (quasi-array)" ) ;
2015-09-02 23:52:01 +00:00
} ) ;
2015-05-05 14:59:12 +00:00
2015-09-03 01:46:31 +00:00
assert . strictEqual ( jQuery . unique , jQuery . uniqueSort , "jQuery.unique() is an alias for jQuery.uniqueSort()" ) ;
2015-09-02 23:52:01 +00:00
} ) ;
2014-02-26 23:01:48 +00:00
2015-09-03 01:46:31 +00:00
testIframe (
"selector/sizzle_cache" ,
"Sizzle cache collides with multiple Sizzles on a page" ,
function ( jQuery , window , document , assert ) {
var $cached = window [ "$cached" ] ;
assert . expect ( 4 ) ;
assert . notStrictEqual ( jQuery , $cached , "Loaded two engines" ) ;
assert . deepEqual ( $cached ( ".test a" ) . get ( ) , [ document . getElementById ( "collision" ) ] , "Select collision anchor with first sizzle" ) ;
assert . equal ( jQuery ( ".evil a" ) . length , 0 , "Select nothing with second sizzle" ) ;
assert . equal ( jQuery ( ".evil a" ) . length , 0 , "Select nothing again with second sizzle" ) ;
}
) ;
2014-02-24 18:05:16 +00:00
2015-09-03 01:46:31 +00:00
QUnit . asyncTest ( "Iframe dispatch should not affect jQuery (#13936)" , 1 , function ( assert ) {
2014-02-24 18:05:16 +00:00
var loaded = false ,
thrown = false ,
2014-05-29 17:45:59 +00:00
iframe = document . getElementById ( "iframe" ) ,
2014-02-24 18:05:16 +00:00
iframeDoc = iframe . contentDocument || iframe . contentWindow . document ;
jQuery ( iframe ) . on ( "load" , function ( ) {
var form ;
try {
iframeDoc = this . contentDocument || this . contentWindow . document ;
2014-05-29 17:54:45 +00:00
form = jQuery ( "#navigate" , iframeDoc ) [ 0 ] ;
2014-02-24 18:05:16 +00:00
} catch ( e ) {
thrown = e ;
}
if ( loaded ) {
2015-09-03 01:46:31 +00:00
assert . strictEqual ( thrown , false , "No error thrown from post-reload jQuery call" ) ;
2014-05-29 17:54:45 +00:00
// clean up
jQuery ( iframe ) . off ( ) ;
2015-09-03 01:46:31 +00:00
QUnit . start ( ) ;
2014-02-24 18:05:16 +00:00
} else {
loaded = true ;
form . submit ( ) ;
}
2015-09-02 23:52:01 +00:00
} ) ;
2014-02-24 18:05:16 +00:00
iframeDoc . open ( ) ;
2014-05-29 17:45:59 +00:00
iframeDoc . write ( "<body><form id='navigate' action='?'></form></body>" ) ;
2014-02-24 18:05:16 +00:00
iframeDoc . close ( ) ;
2015-09-02 23:52:01 +00:00
} ) ;