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="../fast/dom/shadow/resources/shadow-dom.js"></script> | 5 <script src="../fast/dom/shadow/resources/shadow-dom.js"></script> |
6 </head> | 6 </head> |
7 <body> | 7 <body> |
8 <p>This tests TAB focus navigation with delegatesFocus flag on shadow hosts</p> | 8 <p>This tests TAB focus navigation with delegatesFocus flag on shadow hosts</p> |
9 <pre id="console"></pre> | 9 <pre id="console"></pre> |
10 <div id="sandbox"></div> | 10 <div id="sandbox"></div> |
11 <script> | 11 <script> |
12 function prepareDOMTree(parent, mode, tabindex, delegatesFocus) { | 12 function prepareDOMTree(parent, mode, tabindex, delegatesFocus) { |
13 parent.innerHTML = ''; | 13 parent.innerHTML = ''; |
14 parent.appendChild( | 14 parent.appendChild( |
15 createDOM('div', {'id': 'testform'}, | 15 createDOM('div', {'id': 'testform'}, |
16 createDOM('input', {'id': 'input-before'}), | 16 createDOM('input', {'id': 'input-before'}), |
17 createDOM('div', {'id': 'host-div'}, | 17 createDOM('div', {'id': 'host-div'}, |
18 createShadowRoot( | 18 createShadowRoot( |
19 {'mode': mode, | 19 {'mode': mode, |
20 'delegatesFocus': delegatesFocus}, | 20 'delegatesFocus': delegatesFocus}, |
21 createDOM('input', {'id': 'inner-input'}))), | 21 createDOM('input', {'id': 'inner-input'}))), |
22 createDOM('input', {'id': 'input-after'}))); | 22 createDOM('input', {'id': 'input-after'}))); |
23 | 23 |
24 if (tabindex !== null) | 24 if (tabindex !== null) |
25 parent.querySelector('#host-div').tabIndex = tabindex; | 25 parent.querySelector('#host-div').tabIndex = tabindex; |
26 | 26 |
27 parent.offsetTop; | |
28 } | 27 } |
29 | 28 |
30 var hostDiv; | 29 var hostDiv; |
31 var sandbox = document.getElementById('sandbox'); | 30 var sandbox = document.getElementById('sandbox'); |
32 | 31 |
33 function test1(mode) { | 32 function test1(mode) { |
34 debug('(1/8) Testing tab navigation order without tabindex and delegatesFocu
s=false'); | 33 debug('(1/8) Testing tab navigation order without tabindex and delegatesFocu
s=false'); |
35 prepareDOMTree(sandbox, mode, null, false); | 34 prepareDOMTree(sandbox, mode, null, false); |
36 hostDiv = document.getElementById('host-div'); | 35 hostDiv = document.getElementById('host-div'); |
37 shouldBe('window.internals.shadowRoot(hostDiv).delegatesFocus', 'false'); | 36 shouldBe('window.internals.shadowRoot(hostDiv).delegatesFocus', 'false'); |
(...skipping 169 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
207 | 206 |
208 test(); | 207 test(); |
209 | 208 |
210 debug('Test finished.'); | 209 debug('Test finished.'); |
211 } | 210 } |
212 | 211 |
213 run_tests(); | 212 run_tests(); |
214 </script> | 213 </script> |
215 </body> | 214 </body> |
216 </html> | 215 </html> |
OLD | NEW |