OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <meta charset="utf-8"> |
| 3 <title>Ensure NodeList semantically matches WebIDL iterable</title> |
| 4 <script src="../../../resources/testharness.js"></script> |
| 5 <script src="../../../resources/testharnessreport.js"></script> |
| 6 <div id="container"> |
| 7 <div id="div1"></div> |
| 8 <div id="div2"></div><br> |
| 9 <div id="div3"></div><br> |
| 10 <div id="div4"></div><br> |
| 11 <div id="div5"></div><br> |
| 12 <form id="form"> |
| 13 <input id="rad1" type="radio" name="radio" value="a"> |
| 14 <input id="rad2" type="radio" name="radio" value="b"> |
| 15 <input id="rad3" type="radio" name="radio" value="c"> |
| 16 <input id="rad4" type="radio" name="radio" value="d"> |
| 17 </form> |
| 18 </div> |
| 19 <script> |
| 20 "use strict"; |
| 21 |
| 22 test(function () { |
| 23 let nodeList = container.querySelectorAll("div"); |
| 24 let id = 0; |
| 25 for (let node of nodeList) { |
| 26 assert_true(node instanceof HTMLDivElement, "elements should be expected
types"); |
| 27 assert_equals(node.id, "div" + ++id, "elements should be the expected va
lues"); |
| 28 } |
| 29 }, "for (node of NodeList)"); |
| 30 |
| 31 |
| 32 test(function () { |
| 33 let nodeList = container.querySelectorAll("div"); |
| 34 for (let entry of nodeList.entries()) { |
| 35 assert_equals(entry[0], "number", "value-iterable keys should be integer
s"); |
| 36 let id = entry[0] + 1; |
| 37 let node = entry[1]; |
| 38 assert_true(node instanceof HTMLDivElement, "elements should be expected
types"); |
| 39 assert_equals(node.id, "div" + id, "elements should be the expected valu
es"); |
| 40 } |
| 41 }, "for ([index, node] of NodeList.entries())"); |
| 42 |
| 43 |
| 44 test(function () { |
| 45 let nodeList = container.querySelectorAll("div"); |
| 46 for (let id of nodeList.keys()) { |
| 47 assert_equals(typeof id, "number", "value-iterable keys should be intege
rs"); |
| 48 let node = nodeList[id++]; |
| 49 assert_true(node instanceof HTMLDivElement, "elements should be expected
types"); |
| 50 assert_equals(node.id, "div" + id, "elements should be the expected valu
es"); |
| 51 } |
| 52 }, "for (index of NodeList.keys())"); |
| 53 |
| 54 |
| 55 test(function () { |
| 56 let nodeList = container.querySelectorAll("div"); |
| 57 let id = 0; |
| 58 for (let node of nodeList.values()) { |
| 59 assert_true(node instanceof HTMLDivElement, "elements should be expected
types"); |
| 60 assert_equals(node.id, "div" + ++id, "elements should be the expected va
lues"); |
| 61 } |
| 62 }, "for (node of NodeList.values())"); |
| 63 |
| 64 |
| 65 test(function () { |
| 66 let nodeList = container.querySelectorAll("div"); |
| 67 nodeList.forEach(function(node, id) { |
| 68 assert_true(node instanceof HTMLDivElement, "elements should be expected
types"); |
| 69 assert_equals(node.id, "div" + ++id, "elements should be the expected va
lues"); |
| 70 }); |
| 71 }, "NodeList.prototype.forEach()"); |
| 72 |
| 73 |
| 74 test(function() { |
| 75 let nodeList = form.radio; |
| 76 let rad = rad1; |
| 77 let id = 0; |
| 78 for (let node of nodeList) { |
| 79 assert_true(node instanceof HTMLInputElement, "elements should be expect
ed types"); |
| 80 assert_equals(node.id, "rad" + ++id, "elements should be the expected va
lues"); |
| 81 if (node === rad2) { |
| 82 rad1.remove(); |
| 83 ++id; |
| 84 assert_equals(nodeList[0], rad2); |
| 85 } |
| 86 } |
| 87 form.insertBefore(rad, rad2); |
| 88 }, "Delete earlier element in live NodeList"); |
| 89 |
| 90 |
| 91 test(function() { |
| 92 let nodeList = form.radio; |
| 93 let rad = rad2; |
| 94 let id = 0; |
| 95 for (let node of nodeList) { |
| 96 assert_true(node instanceof HTMLInputElement, "elements should be expect
ed types"); |
| 97 assert_equals(node.id, "rad" + ++id, "elements should be the expected va
lues"); |
| 98 assert_false(node.id === "rad2", "deleted later elements should not be i
terated"); |
| 99 if (node === rad1) { |
| 100 rad.remove(); |
| 101 ++id; |
| 102 } |
| 103 } |
| 104 form.insertBefore(rad, rad3); |
| 105 }, "Delete later element in live NodeList"); |
| 106 </script> |
OLD | NEW |