OLD | NEW |
1 <html> | 1 <html> |
2 <div id="tests"> | 2 <div id="tests"> |
3 <div id="id1"> | 3 <div id="id1"> |
4 <div class="class2"></div> | 4 <div class="class2"></div> |
5 </div> | 5 </div> |
6 <tag-name-3 class="class7" id="tag1"></tag-name-3> | 6 <tag-name-3 class="class7" id="tag1"></tag-name-3> |
7 <tag-name-3 class="class7" id="tag2"></tag-name-3> | 7 <tag-name-3 class="class7" id="tag2"></tag-name-3> |
8 <span class="class2"> | 8 <span class="class2"> |
9 <span class="class5" id="id5" testAttr></span> | 9 <span class="class5" id="id5" testAttr></span> |
10 </span> | 10 </span> |
(...skipping 18 matching lines...) Expand all Loading... |
29 expect(query(".class2"), isNotNull); | 29 expect(query(".class2"), isNotNull); |
30 expect(query(".class2").classList.toString(), equals("class2")); | 30 expect(query(".class2").classList.toString(), equals("class2")); |
31 expect(queryAll(".class2").length, 2); | 31 expect(queryAll(".class2").length, 2); |
32 expect(queryAll(".class2").item(0).classList.toString(), equals("class2")); | 32 expect(queryAll(".class2").item(0).classList.toString(), equals("class2")); |
33 expect(queryAll(".class2").item(1).classList.toString(), equals("class2")); | 33 expect(queryAll(".class2").item(1).classList.toString(), equals("class2")); |
34 expect(queryAll(".class2").item(0), isNot(equals(queryAll(".class2").item(1)
))); | 34 expect(queryAll(".class2").item(0), isNot(equals(queryAll(".class2").item(1)
))); |
35 }); | 35 }); |
36 | 36 |
37 test("should find elements by id", () { | 37 test("should find elements by id", () { |
38 expect(query("#id5"), isNotNull); | 38 expect(query("#id5"), isNotNull); |
39 expect(query("#id5").id, equals("id5")); | 39 expect(query("#id5").getAttribute("id"), equals("id5")); |
40 expect(query("#id5").classList.toString(), equals("class5")); | 40 expect(query("#id5").classList.toString(), equals("class5")); |
41 // FIXME(sky): Do we still want to allow multiple id stuff like this? | 41 // FIXME(sky): Do we still want to allow multiple id stuff like this? |
42 expect(queryAll("#id5").length, equals(2)); | 42 expect(queryAll("#id5").length, equals(2)); |
43 expect(queryAll("#id5").item(0), equals(query("#id5"))); | 43 expect(queryAll("#id5").item(0), equals(query("#id5"))); |
44 expect(queryAll("#id5").item(1), isNot(equals(query("#id5")))); | 44 expect(queryAll("#id5").item(1), isNot(equals(query("#id5")))); |
45 expect(queryAll("#id5").item(1).id, equals("id5")); | 45 expect(queryAll("#id5").item(1).getAttribute("id"), equals("id5")); |
46 }); | 46 }); |
47 | 47 |
48 test("should find elements by tag name", () { | 48 test("should find elements by tag name", () { |
49 expect(query("tag-name-6"), isNotNull); | 49 expect(query("tag-name-6"), isNotNull); |
50 expect(query("tag-name-6").tagName, equals("tag-name-6")); | 50 expect(query("tag-name-6").tagName, equals("tag-name-6")); |
51 expect(query("tag-name-6").classList.toString(), equals("class6")); | 51 expect(query("tag-name-6").classList.toString(), equals("class6")); |
52 var context = query("#tests"); | 52 var context = query("#tests"); |
53 expect(context.querySelectorAll("span").length, equals(2)); | 53 expect(context.querySelectorAll("span").length, equals(2)); |
54 }); | 54 }); |
55 | 55 |
56 test("should find an element by compound selector", () { | 56 test("should find an element by compound selector", () { |
57 expect(query("tag-name-6.class6#id6"), isNotNull); | 57 expect(query("tag-name-6.class6#id6"), isNotNull); |
58 expect(query("tag-name-6.class6#id6").id, equals("id6")); | 58 expect(query("tag-name-6.class6#id6").getAttribute("id"), equals("id6")); |
59 expect(query("tag-name-6.class6#id6").classList.toString(), equals("class6")
); | 59 expect(query("tag-name-6.class6#id6").classList.toString(), equals("class6")
); |
60 expect(query("tag-name-6.class6#id6").tagName, equals("tag-name-6")); | 60 expect(query("tag-name-6.class6#id6").tagName, equals("tag-name-6")); |
61 }); | 61 }); |
62 | 62 |
63 test("should find all elements by compound selector", () { | 63 test("should find all elements by compound selector", () { |
64 expect(queryAll("tag-name-3.class7"), isNotNull); | 64 expect(queryAll("tag-name-3.class7"), isNotNull); |
65 expect(queryAll("tag-name-3.class7").length, equals(3)); | 65 expect(queryAll("tag-name-3.class7").length, equals(3)); |
66 expect(queryAll("tag-name-3.class7").item(0).id, equals("tag1")); | 66 expect(queryAll("tag-name-3.class7").item(0).getAttribute("id"), equals("tag
1")); |
67 expect(queryAll("tag-name-3.class7").item(1).id, equals("tag2")); | 67 expect(queryAll("tag-name-3.class7").item(1).getAttribute("id"), equals("tag
2")); |
68 }); | 68 }); |
69 | 69 |
70 test("should find all elements by attribute presence selector", () { | 70 test("should find all elements by attribute presence selector", () { |
71 expect(queryAll("[testAttr]"), isNotNull); | 71 expect(queryAll("[testAttr]"), isNotNull); |
72 expect(queryAll("[testAttr]").length, equals(2)); | 72 expect(queryAll("[testAttr]").length, equals(2)); |
73 expect(queryAll("[testAttr]").item(0).id, equals("id5")); | 73 expect(queryAll("[testAttr]").item(0).getAttribute("id"), equals("id5")); |
74 expect(queryAll("[testAttr]").item(1).id, equals("id6")); | 74 expect(queryAll("[testAttr]").item(1).getAttribute("id"), equals("id6")); |
75 }); | 75 }); |
76 | 76 |
77 test("should find all elements by attribute value selector", () { | 77 test("should find all elements by attribute value selector", () { |
78 expect(queryAll("[testAttr='the value']"), isNotNull); | 78 expect(queryAll("[testAttr='the value']"), isNotNull); |
79 expect(queryAll("[testAttr='the value']").length, equals(1)); | 79 expect(queryAll("[testAttr='the value']").length, equals(1)); |
80 expect(queryAll("[testAttr='the value']").item(0).id, equals("id6")); | 80 expect(queryAll("[testAttr='the value']").item(0).getAttribute("id"), equals
("id6")); |
81 }); | 81 }); |
82 } | 82 } |
83 </script> | 83 </script> |
84 </html> | 84 </html> |
OLD | NEW |