OLD | NEW |
(Empty) | |
| 1 <!doctype html> |
| 2 <script src="../../../resources/js-test.js"></script> |
| 3 <script src="resources/shadow-dom.js"></script> |
| 4 <body></body> |
| 5 <script> |
| 6 function prepareTree() { |
| 7 document.body.appendChild( |
| 8 createDOM('div', {id: 'host_open'}, |
| 9 createShadowRoot({mode: 'open', id: 'open_shadow'}, |
| 10 createDOM('div', {id: 'inner_open'}, |
| 11 createShadowRoot({mode: 'open', id: 'open_shadow_in_open_sha
dow'}, |
| 12 createDOM('span', {id: 'target_open', tabindex: '0'}, |
| 13 document.createTextNode('open'))))))); |
| 14 |
| 15 document.body.appendChild( |
| 16 createDOM('div', {id: 'host_closed'}, |
| 17 createShadowRoot({mode: 'closed', id: 'closed_shadow'}, |
| 18 createDOM('div', {id: 'inner_closed'}, |
| 19 createShadowRoot({mode: 'open', id: 'open_shadow_in_closed_s
hadow'}, |
| 20 createDOM('span', {id: 'target_closed', tabindex: '0'}, |
| 21 document.createTextNode('closed'))))))); |
| 22 } |
| 23 |
| 24 function clickHandler(e) { |
| 25 eventPath = e.path; |
| 26 } |
| 27 |
| 28 debug('Event.path should include only unclosed nodes.'); |
| 29 |
| 30 prepareTree(); |
| 31 |
| 32 var targetOpen = getNodeInTreeOfTrees('host_open/inner_open/target_open'); |
| 33 var targetClosed = getNodeInTreeOfTrees('host_closed/inner_closed/target_closed'
); |
| 34 |
| 35 targetOpen.addEventListener('click', clickHandler, false); |
| 36 targetClosed.addEventListener('click', clickHandler, false); |
| 37 |
| 38 debug("\nDispaching a click event on #target_open, listening on #target_open."); |
| 39 var eventPath = null; |
| 40 targetOpen.click(); |
| 41 // Expected: <span#target_open>, #open_shadow_in_open_shadow, <div#inner_open>, |
| 42 // #open_shadow, <div#host_open>, <body>, <html>, #document, window |
| 43 shouldBe('eventPath.length', '9'); |
| 44 debug("\nevent.path for #target_open:"); |
| 45 debug(dumpNodeList(eventPath)); |
| 46 |
| 47 debug("\nDispaching a click event on #target_closed, listening on #target_closed
."); |
| 48 eventPath = null; |
| 49 targetClosed.click(); |
| 50 // Expected: <span#target_closed>, #open_shadow_in_closed_shadow, <div#inner_clo
sed>, |
| 51 // #closed_shadow, <div#host_closed>, <body>, <html>, #document, window |
| 52 shouldBe('eventPath.length', '9'); |
| 53 debug("\nevent.path for #target_closed:"); |
| 54 debug(dumpNodeList(eventPath)); |
| 55 |
| 56 |
| 57 targetOpen.removeEventListener('click', clickHandler, false); |
| 58 targetClosed.removeEventListener('click', clickHandler, false); |
| 59 document.body.addEventListener('click', clickHandler, false); |
| 60 |
| 61 debug("\nDispaching a click event on #target_open, listening on document.body.")
; |
| 62 var eventPath = null; |
| 63 targetOpen.click(); |
| 64 // Expected: <span#target_open>, #open_shadow_in_open_shadow, <div#inner_open>, |
| 65 // #open_shadow, <div#host_open>, <body>, <html>, #document, window |
| 66 shouldBe('eventPath.length', '9'); |
| 67 debug("\nevent.path for #target_open:"); |
| 68 debug(dumpNodeList(eventPath)); |
| 69 |
| 70 debug("\nDispaching a click event on #target_closed, listening on document.body.
"); |
| 71 eventPath = null; |
| 72 targetClosed.click(); |
| 73 // For this test, <span> and closed shadow root are excluded from the open shado
w case, |
| 74 // thus 9 - 4 = 5. |
| 75 // Expected: <div#host_closed>, <body>, <html>, #document, window |
| 76 shouldBe('eventPath.length', '5'); |
| 77 debug("\nevent.path for #target_closed:"); |
| 78 debug(dumpNodeList(eventPath)); |
| 79 </script> |
OLD | NEW |