OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <script src="../../../resources/js-test.js"></script> | 4 <script src="../../../resources/js-test.js"></script> |
5 <script src="resources/shadow-dom.js"></script> | 5 <script src="resources/shadow-dom.js"></script> |
6 </head> | 6 </head> |
7 <body> | 7 <body> |
8 <script> | 8 <script> |
9 description("Tests for content element's getDistributedNodes()."); | 9 description("Tests for content element's getDistributedNodes()."); |
10 | 10 |
11 document.body.appendChild( | 11 document.body.appendChild( |
12 createDOM('div', {}, | 12 createDOM('div', {}, |
13 createDOM('div', {'id': 'host-1'}, | 13 createDOM('div', {'id': 'host-1'}, |
14 createShadowRoot( | 14 createShadowRoot( |
15 createDOM('content', {'id': 'content-1'})), | 15 createDOM('content', {'id': 'content-1'})), |
16 createDOM('div', {'id': 'child-1'})), | 16 createDOM('div', {'id': 'child-1'})), |
17 createDOM('div', {'id': 'host-2'}, | 17 createDOM('div', {'id': 'host-2'}, |
18 createShadowRoot( | 18 createShadowRoot( |
19 createDOM('content', {'id': 'content-2'}), | 19 createDOM('content', {'id': 'content-2'}), |
20 createDOM('div', {'id': 'host-3'}, | 20 createDOM('div', {'id': 'host-3'}, |
21 createShadowRoot( | 21 createShadowRoot( |
22 createDOM('content', {'id': 'content-3
'})), | 22 createDOM('content', {'id': 'content-3
'})), |
23 createDOM('div', {'id': 'child-3'}))), | 23 createDOM('div', {'id': 'child-3'}))), |
24 createDOM('div', {'id': 'child-2'})))); | 24 createDOM('div', {'id': 'child-2'})))); |
25 | 25 |
26 | 26 |
27 var content1 = getNodeInTreeOfTrees('host-1/content-1'); | 27 var content1 = getNodeInComposedTree('host-1/content-1'); |
28 var content2 = getNodeInTreeOfTrees('host-2/content-2'); | 28 var content2 = getNodeInComposedTree('host-2/content-2'); |
29 var content3 = getNodeInTreeOfTrees('host-2/host-3/content-3'); | 29 var content3 = getNodeInComposedTree('host-2/host-3/content-3'); |
30 | 30 |
31 var child1 = getNodeInTreeOfTrees('child-1'); | 31 var child1 = getNodeInComposedTree('child-1'); |
32 var child2 = getNodeInTreeOfTrees('child-2'); | 32 var child2 = getNodeInComposedTree('child-2'); |
33 var child3 = getNodeInTreeOfTrees('host-2/child-3'); | 33 var child3 = getNodeInComposedTree('host-2/child-3'); |
34 | 34 |
35 var distributedNodes1 = content1.getDistributedNodes(); | 35 var distributedNodes1 = content1.getDistributedNodes(); |
36 var distributedNodes2 = content2.getDistributedNodes(); | 36 var distributedNodes2 = content2.getDistributedNodes(); |
37 var distributedNodes3 = content3.getDistributedNodes(); | 37 var distributedNodes3 = content3.getDistributedNodes(); |
38 | 38 |
39 function assertNodeList(nodeList, expectedNodes) | 39 function assertNodeList(nodeList, expectedNodes) |
40 { | 40 { |
41 window.nodeList = nodeList; | 41 window.nodeList = nodeList; |
42 window.expectedNodes = expectedNodes; | 42 window.expectedNodes = expectedNodes; |
43 shouldBe("nodeList.length", "expectedNodes.length"); | 43 shouldBe("nodeList.length", "expectedNodes.length"); |
44 for (var i = 0; i < nodeList.length; ++i) { | 44 for (var i = 0; i < nodeList.length; ++i) { |
45 shouldBe("nodeList.item(" + i + ")", "expectedNodes[" + i + "]"); | 45 shouldBe("nodeList.item(" + i + ")", "expectedNodes[" + i + "]"); |
46 } | 46 } |
47 } | 47 } |
48 | 48 |
49 assertNodeList(distributedNodes1, [child1]); | 49 assertNodeList(distributedNodes1, [child1]); |
50 assertNodeList(distributedNodes2, [child2]); | 50 assertNodeList(distributedNodes2, [child2]); |
51 assertNodeList(distributedNodes3, [child3]); | 51 assertNodeList(distributedNodes3, [child3]); |
52 | 52 |
53 debug('Verify that getDistributedNodes() returns a static NodeList.'); | 53 debug('Verify that getDistributedNodes() returns a static NodeList.'); |
54 document.getElementById('host-1').innerHTML = ''; | 54 document.getElementById('host-1').innerHTML = ''; |
55 assertNodeList(distributedNodes1, [child1]); | 55 assertNodeList(distributedNodes1, [child1]); |
56 assertNodeList(content1.getDistributedNodes(), []); | 56 assertNodeList(content1.getDistributedNodes(), []); |
57 | 57 |
58 </script> | 58 </script> |
59 </body> | 59 </body> |
60 </html> | 60 </html> |
OLD | NEW |