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 <p>This tests that pressing Tab key should traverse into shadow DOM subtrees, an
d pressing Shift-Tab should reverse the order.</p> | 8 <p>This tests that pressing Tab key should traverse into shadow DOM subtrees, an
d pressing Shift-Tab should reverse the order.</p> |
9 <pre id="console"></pre> | 9 <pre id="console"></pre> |
10 <script> | 10 <script> |
(...skipping 21 matching lines...) Expand all Loading... |
32 createDOM('div', {'id': 'host-B', 'tabindex': 1}, | 32 createDOM('div', {'id': 'host-B', 'tabindex': 1}, |
33 createShadowRoot( | 33 createShadowRoot( |
34 createDOM('input', {'id': 'older-input-A-0', 'ta
bindex': 0}), | 34 createDOM('input', {'id': 'older-input-A-0', 'ta
bindex': 0}), |
35 createDOM('input', {'id': 'older-input-A-1', 'ta
bindex': 1}), | 35 createDOM('input', {'id': 'older-input-A-1', 'ta
bindex': 1}), |
36 createDOM('content', {'select': '#light-child-se
lected-0, #light-child-selected-1'}), | 36 createDOM('content', {'select': '#light-child-se
lected-0, #light-child-selected-1'}), |
37 createDOM('input', {'id': 'older-input-B-0', 'ta
bindex': 0}), | 37 createDOM('input', {'id': 'older-input-B-0', 'ta
bindex': 0}), |
38 createDOM('input', {'id': 'older-input-B-1', 'ta
bindex': 1})), | 38 createDOM('input', {'id': 'older-input-B-1', 'ta
bindex': 1})), |
39 createShadowRoot( | 39 createShadowRoot( |
40 createDOM('input', {'id': 'younger-input-A-0', '
tabindex': 0}), | 40 createDOM('input', {'id': 'younger-input-A-0', '
tabindex': 0}), |
41 createDOM('input', {'id': 'younger-input-A-1', '
tabindex': 1}), // The first node in the focusScope | 41 createDOM('input', {'id': 'younger-input-A-1', '
tabindex': 1}), // The first node in the focusScope |
42 createDOM('shadow', {}, | 42 createDOM('shadow', {}), |
43 createDOM('content', {})), | |
44 createDOM('input', {'id': 'younger-input-B-0', '
tabindex': 0}), // The last node in the focusScope | 43 createDOM('input', {'id': 'younger-input-B-0', '
tabindex': 0}), // The last node in the focusScope |
45 createDOM('input', {'id': 'younger-input-B-1', '
tabindex': 1})), | 44 createDOM('input', {'id': 'younger-input-B-1', '
tabindex': 1})), |
46 createDOM('input', {'id': 'light-child-selected-0',
'tabindex': 0}), | 45 createDOM('input', {'id': 'light-child-selected-0',
'tabindex': 0}), |
47 createDOM('input', {'id': 'light-child-selected-1',
'tabindex': 1}), | 46 createDOM('input', {'id': 'light-child-selected-1',
'tabindex': 1}), |
48 createDOM('input', {'id': 'light-child-non-selected-
1', 'tabindex': 1})), | 47 createDOM('input', {'id': 'light-child-non-selected-
1', 'tabindex': 1})), |
49 createDOM('input', {'id': 'input-D-1', 'tabindex': 1}), | 48 createDOM('input', {'id': 'input-D-1', 'tabindex': 1}), |
50 createDOM('input', {'id': 'input-C-0', 'tabindex': 0}), | 49 createDOM('input', {'id': 'input-C-0', 'tabindex': 0}), |
51 createDOM('div', {'id': 'host-C', 'tabindex': -1}, | 50 createDOM('div', {'id': 'host-C', 'tabindex': -1}, |
52 createShadowRoot( | 51 createShadowRoot( |
53 createDOM('input', {'tabindex': -1}))), | 52 createDOM('input', {'tabindex': -1}))), |
(...skipping 81 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
135 testFocusNavigationBackward(elementsInFocusNavigationOrder); | 134 testFocusNavigationBackward(elementsInFocusNavigationOrder); |
136 | 135 |
137 debug('Test finished.'); | 136 debug('Test finished.'); |
138 } | 137 } |
139 | 138 |
140 test(); | 139 test(); |
141 | 140 |
142 </script> | 141 </script> |
143 </body> | 142 </body> |
144 </html> | 143 </html> |
OLD | NEW |