OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <script src='../resources/testharness.js'></script> | 2 <script src='../resources/testharness.js'></script> |
3 <script src='../resources/testharnessreport.js'></script> | 3 <script src='../resources/testharnessreport.js'></script> |
4 <script src='resources/shadow-dom.js'></script> | 4 <script src='resources/shadow-dom.js'></script> |
5 <div id='host1'> | 5 <div id='host1'> |
6 <input id='input1' slot='slot1'> | 6 <input id='input1' slot='slot1'> |
7 <template data-mode='open'> | 7 <template data-mode='open'> |
8 <slot name='slot1'></slot> | 8 <slot name='slot1'></slot> |
9 </template> | 9 </template> |
10 </div> | 10 </div> |
(...skipping 19 matching lines...) Expand all Loading... |
30 <div id='input-parent' slot='slot3'> | 30 <div id='input-parent' slot='slot3'> |
31 <input id='input3'> | 31 <input id='input3'> |
32 </div> | 32 </div> |
33 </div> | 33 </div> |
34 <script> | 34 <script> |
35 | 35 |
36 test(function() { | 36 test(function() { |
37 var host1 = document.getElementById('host1'); | 37 var host1 = document.getElementById('host1'); |
38 convertTemplatesToShadowRootsWithin(host1); | 38 convertTemplatesToShadowRootsWithin(host1); |
39 removeWhiteSpaceOnlyTextNodes(host1); | 39 removeWhiteSpaceOnlyTextNodes(host1); |
40 document.body.offsetLeft; | |
41 var input1 = document.getElementById('input1'); | 40 var input1 = document.getElementById('input1'); |
42 var slot1 = host1.shadowRoot.querySelector('slot'); | 41 var slot1 = host1.shadowRoot.querySelector('slot'); |
43 var shadowRoot = host1.shadowRoot; | 42 var shadowRoot = host1.shadowRoot; |
44 input1.onfocus = function(e) { | 43 input1.onfocus = function(e) { |
45 var expected_array1 = [input1, slot1, shadowRoot, host1, document.body, docu
ment.documentElement, document, window]; | 44 var expected_array1 = [input1, slot1, shadowRoot, host1, document.body, docu
ment.documentElement, document, window]; |
46 assert_array_equals(e.composedPath(), expected_array1); | 45 assert_array_equals(e.composedPath(), expected_array1); |
47 }; | 46 }; |
48 input1.focus(); | 47 input1.focus(); |
49 }, 'Triggered in a slotted element, eventPath should go through shadow tree.'); | 48 }, 'Triggered in a slotted element, eventPath should go through shadow tree.'); |
50 | 49 |
(...skipping 24 matching lines...) Expand all Loading... |
75 var input3 = document.getElementById('input3') | 74 var input3 = document.getElementById('input3') |
76 var inputParent = document.getElementById('input-parent'); | 75 var inputParent = document.getElementById('input-parent'); |
77 input3.onfocus = function(e) { | 76 input3.onfocus = function(e) { |
78 var expected_array3 = [input3, inputParent, slot3, shadowRoot2, host4, docum
ent.body, document.documentElement, document, window]; | 77 var expected_array3 = [input3, inputParent, slot3, shadowRoot2, host4, docum
ent.body, document.documentElement, document, window]; |
79 assert_array_equals(e.composedPath(), expected_array3); | 78 assert_array_equals(e.composedPath(), expected_array3); |
80 }; | 79 }; |
81 input3.focus(); | 80 input3.focus(); |
82 }, 'EventPath works fine when event happens to a descendant of a slotted element
.'); | 81 }, 'EventPath works fine when event happens to a descendant of a slotted element
.'); |
83 | 82 |
84 </script> | 83 </script> |
OLD | NEW |