|
1 <!DOCTYPE HTML> |
|
2 <html> |
|
3 <!-- |
|
4 https://bugzilla.mozilla.org/show_bug.cgi?id=725907 |
|
5 --> |
|
6 <head> |
|
7 <meta charset="utf-8"> |
|
8 <title>Test for Bug 725907</title> |
|
9 <script type="application/javascript" src="/tests/SimpleTest/SimpleTest.js"></script> |
|
10 <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/> |
|
11 </head> |
|
12 <body> |
|
13 <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=725907">Mozilla Bug 725907</a> |
|
14 <p id="display"></p> |
|
15 <div id="content" style="display: none"> |
|
16 |
|
17 </div> |
|
18 <div id="basket"> |
|
19 <span id="egg0"></span> |
|
20 <span id="egg1"><span id="duckling1"></span></span> |
|
21 <span id="egg2"></span> |
|
22 </div> |
|
23 <pre id="test"> |
|
24 <script type="application/javascript"> |
|
25 |
|
26 /** Test for Bug 725907 **/ |
|
27 |
|
28 function runTestsForDocument(document, msgSuffix) { |
|
29 function is(a, b, msg) { SimpleTest.is(a, b, msg + msgSuffix); } |
|
30 function isnot(a, b, msg) { SimpleTest.isnot(a, b, msg + msgSuffix); } |
|
31 |
|
32 var basket = document.getElementById("basket"); |
|
33 var egg3 = document.createElement("span"); |
|
34 egg3.id = "egg3"; |
|
35 |
|
36 var log = ''; |
|
37 for (var x of basket.childNodes) { |
|
38 if (x.nodeType != x.TEXT_NODE) |
|
39 log += x.id + ";"; |
|
40 } |
|
41 is(log, "egg0;egg1;egg2;", "'for (x of div.childNodes)' should iterate over child nodes"); |
|
42 |
|
43 log = ''; |
|
44 for (var x of basket.childNodes) { |
|
45 if (x.nodeType != x.TEXT_NODE) { |
|
46 log += x.id + ";"; |
|
47 if (x.id == "egg1") |
|
48 basket.appendChild(egg3); |
|
49 } |
|
50 } |
|
51 is(log, "egg0;egg1;egg2;egg3;", "'for (x of div.childNodes)' should see elements added during iteration"); |
|
52 |
|
53 log = ''; |
|
54 basket.appendChild(document.createTextNode("some text")); |
|
55 for (var x of basket.children) |
|
56 log += x.id + ";"; |
|
57 is(log, "egg0;egg1;egg2;egg3;", "'for (x of div.children)' should iterate over child elements"); |
|
58 |
|
59 var count = 0; |
|
60 for (var x of document.getElementsByClassName("hazardous-materials")) |
|
61 count++; |
|
62 is(count, 0, "'for (x of emptyNodeList)' loop should run zero times"); |
|
63 |
|
64 var log = ''; |
|
65 for (var x of document.querySelectorAll("span")) |
|
66 log += x.id + ";"; |
|
67 is(log, "egg0;egg1;duckling1;egg2;egg3;", "for-of loop should work with a querySelectorAll() NodeList"); |
|
68 } |
|
69 |
|
70 /* All the tests run twice. First, in this document, so without any wrappers. */ |
|
71 runTestsForDocument(document, ""); |
|
72 |
|
73 /* And once using the document of an iframe, so working with cross-compartment wrappers. */ |
|
74 SimpleTest.waitForExplicitFinish(); |
|
75 function iframeLoaded(iframe) { |
|
76 runTestsForDocument(iframe.contentWindow.document, " (in iframe)"); |
|
77 SimpleTest.finish(); |
|
78 } |
|
79 |
|
80 </script> |
|
81 |
|
82 <iframe src="forOf_iframe.html" onload="iframeLoaded(this)"></iframe> |
|
83 |
|
84 </pre> |
|
85 </body> |
|
86 </html> |