| 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 |