| Index: LayoutTests/fast/dom/NodeList/nodelist-iterable.html
|
| diff --git a/LayoutTests/fast/dom/NodeList/nodelist-iterable.html b/LayoutTests/fast/dom/NodeList/nodelist-iterable.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..0e34aa91418b2df43ba450a3dd14021d53a7c0ca
|
| --- /dev/null
|
| +++ b/LayoutTests/fast/dom/NodeList/nodelist-iterable.html
|
| @@ -0,0 +1,106 @@
|
| +<!DOCTYPE html>
|
| +<meta charset="utf-8">
|
| +<title>Ensure NodeList semantically matches WebIDL iterable</title>
|
| +<script src="../../../resources/testharness.js"></script>
|
| +<script src="../../../resources/testharnessreport.js"></script>
|
| +<div id="container">
|
| + <div id="div1"></div>
|
| + <div id="div2"></div><br>
|
| + <div id="div3"></div><br>
|
| + <div id="div4"></div><br>
|
| + <div id="div5"></div><br>
|
| + <form id="form">
|
| + <input id="rad1" type="radio" name="radio" value="a">
|
| + <input id="rad2" type="radio" name="radio" value="b">
|
| + <input id="rad3" type="radio" name="radio" value="c">
|
| + <input id="rad4" type="radio" name="radio" value="d">
|
| + </form>
|
| +</div>
|
| +<script>
|
| +"use strict";
|
| +
|
| +test(function () {
|
| + let nodeList = container.querySelectorAll("div");
|
| + let id = 0;
|
| + for (let node of nodeList) {
|
| + assert_true(node instanceof HTMLDivElement, "elements should be expected types");
|
| + assert_equals(node.id, "div" + ++id, "elements should be the expected values");
|
| + }
|
| +}, "for (node of NodeList)");
|
| +
|
| +
|
| +test(function () {
|
| + let nodeList = container.querySelectorAll("div");
|
| + for (let entry of nodeList.entries()) {
|
| + assert_equals(entry[0], "number", "value-iterable keys should be integers");
|
| + let id = entry[0] + 1;
|
| + let node = entry[1];
|
| + assert_true(node instanceof HTMLDivElement, "elements should be expected types");
|
| + assert_equals(node.id, "div" + id, "elements should be the expected values");
|
| + }
|
| +}, "for ([index, node] of NodeList.entries())");
|
| +
|
| +
|
| +test(function () {
|
| + let nodeList = container.querySelectorAll("div");
|
| + for (let id of nodeList.keys()) {
|
| + assert_equals(typeof id, "number", "value-iterable keys should be integers");
|
| + let node = nodeList[id++];
|
| + assert_true(node instanceof HTMLDivElement, "elements should be expected types");
|
| + assert_equals(node.id, "div" + id, "elements should be the expected values");
|
| + }
|
| +}, "for (index of NodeList.keys())");
|
| +
|
| +
|
| +test(function () {
|
| + let nodeList = container.querySelectorAll("div");
|
| + let id = 0;
|
| + for (let node of nodeList.values()) {
|
| + assert_true(node instanceof HTMLDivElement, "elements should be expected types");
|
| + assert_equals(node.id, "div" + ++id, "elements should be the expected values");
|
| + }
|
| +}, "for (node of NodeList.values())");
|
| +
|
| +
|
| +test(function () {
|
| + let nodeList = container.querySelectorAll("div");
|
| + nodeList.forEach(function(node, id) {
|
| + assert_true(node instanceof HTMLDivElement, "elements should be expected types");
|
| + assert_equals(node.id, "div" + ++id, "elements should be the expected values");
|
| + });
|
| +}, "NodeList.prototype.forEach()");
|
| +
|
| +
|
| +test(function() {
|
| + let nodeList = form.radio;
|
| + let rad = rad1;
|
| + let id = 0;
|
| + for (let node of nodeList) {
|
| + assert_true(node instanceof HTMLInputElement, "elements should be expected types");
|
| + assert_equals(node.id, "rad" + ++id, "elements should be the expected values");
|
| + if (node === rad2) {
|
| + rad1.remove();
|
| + ++id;
|
| + assert_equals(nodeList[0], rad2);
|
| + }
|
| + }
|
| + form.insertBefore(rad, rad2);
|
| +}, "Delete earlier element in live NodeList");
|
| +
|
| +
|
| +test(function() {
|
| + let nodeList = form.radio;
|
| + let rad = rad2;
|
| + let id = 0;
|
| + for (let node of nodeList) {
|
| + assert_true(node instanceof HTMLInputElement, "elements should be expected types");
|
| + assert_equals(node.id, "rad" + ++id, "elements should be the expected values");
|
| + assert_false(node.id === "rad2", "deleted later elements should not be iterated");
|
| + if (node === rad1) {
|
| + rad.remove();
|
| + ++id;
|
| + }
|
| + }
|
| + form.insertBefore(rad, rad3);
|
| +}, "Delete later element in live NodeList");
|
| +</script>
|
|
|