| OLD | NEW | 
|   1 <!doctype html> |   1 <!doctype html> | 
|   2 <script src="../../../resources/js-test.js"></script> |   2 <script src="../../../resources/js-test.js"></script> | 
|   3 <script src="resources/shadow-dom.js"></script> |   3 <script src="resources/shadow-dom.js"></script> | 
|   4 <body></body> |   4 <body></body> | 
|   5 <script> |   5 <script> | 
|   6 function prepareTree() { |   6 function prepareTree() { | 
|   7     document.body.appendChild( |   7     document.body.appendChild( | 
|   8         createDOM('div', {id: 'host_open'}, |   8         createDOM('div', {id: 'host_open'}, | 
|   9             createShadowRoot({mode: 'open', id: 'open_shadow'}, |   9             createShadowRoot({mode: 'open', id: 'open_shadow'}, | 
|  10                 createDOM('div', {id: 'inner_open'}, |  10                 createDOM('div', {id: 'inner_open'}, | 
| (...skipping 11 matching lines...) Expand all  Loading... | 
|  22 } |  22 } | 
|  23  |  23  | 
|  24 function clickHandler(e) { |  24 function clickHandler(e) { | 
|  25     eventPath = e.path; |  25     eventPath = e.path; | 
|  26 } |  26 } | 
|  27  |  27  | 
|  28 debug('Event.path should include only unclosed nodes.'); |  28 debug('Event.path should include only unclosed nodes.'); | 
|  29  |  29  | 
|  30 prepareTree(); |  30 prepareTree(); | 
|  31  |  31  | 
|  32 var targetOpen = getNodeInTreeOfTrees('host_open/inner_open/target_open'); |  32 var targetOpen = getNodeInComposedTree('host_open/inner_open/target_open'); | 
|  33 var targetClosed = getNodeInTreeOfTrees('host_closed/inner_closed/target_closed'
    ); |  33 var targetClosed = getNodeInComposedTree('host_closed/inner_closed/target_closed
    '); | 
|  34  |  34  | 
|  35 targetOpen.addEventListener('click', clickHandler, false); |  35 targetOpen.addEventListener('click', clickHandler, false); | 
|  36 targetClosed.addEventListener('click', clickHandler, false); |  36 targetClosed.addEventListener('click', clickHandler, false); | 
|  37  |  37  | 
|  38 debug("\nDispaching a click event on #target_open, listening on #target_open."); |  38 debug("\nDispaching a click event on #target_open, listening on #target_open."); | 
|  39 var eventPath = null; |  39 var eventPath = null; | 
|  40 targetOpen.click(); |  40 targetOpen.click(); | 
|  41 // Expected: <span#target_open>, #open_shadow_in_open_shadow, <div#inner_open>, |  41 // Expected: <span#target_open>, #open_shadow_in_open_shadow, <div#inner_open>, | 
|  42 // #open_shadow, <div#host_open>, <body>, <html>, #document, window |  42 // #open_shadow, <div#host_open>, <body>, <html>, #document, window | 
|  43 shouldBe('eventPath.length', '9'); |  43 shouldBe('eventPath.length', '9'); | 
| (...skipping 26 matching lines...) Expand all  Loading... | 
|  70 debug("\nDispaching a click event on #target_closed, listening on document.body.
    "); |  70 debug("\nDispaching a click event on #target_closed, listening on document.body.
    "); | 
|  71 eventPath = null; |  71 eventPath = null; | 
|  72 targetClosed.click(); |  72 targetClosed.click(); | 
|  73 // For this test, <span> and closed shadow root are excluded from the open shado
    w case, |  73 // For this test, <span> and closed shadow root are excluded from the open shado
    w case, | 
|  74 // thus 9 - 4 = 5. |  74 // thus 9 - 4 = 5. | 
|  75 // Expected: <div#host_closed>, <body>, <html>, #document, window |  75 // Expected: <div#host_closed>, <body>, <html>, #document, window | 
|  76 shouldBe('eventPath.length', '5'); |  76 shouldBe('eventPath.length', '5'); | 
|  77 debug("\nevent.path for #target_closed:"); |  77 debug("\nevent.path for #target_closed:"); | 
|  78 debug(dumpNodeList(eventPath)); |  78 debug(dumpNodeList(eventPath)); | 
|  79 </script> |  79 </script> | 
| OLD | NEW |