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