OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <body> | 2 <body> |
3 <script src="../../resources/testharness.js"></script> | 3 <script src="../../resources/testharness.js"></script> |
4 <script src="../../resources/testharnessreport.js"></script> | 4 <script src="../../resources/testharnessreport.js"></script> |
5 <script src="../forms/resources/common.js"></script> | 5 <script src="../forms/resources/common.js"></script> |
6 <div id="log"></div> | 6 <div id="log"></div> |
7 <div id="container"></div> | 7 <div id="container"></div> |
8 <script> | 8 <script> |
9 if (!window.eventSender) | 9 if (!window.eventSender) |
10 document.body.textContent = 'This test requires window.eventSender.'; | 10 document.body.textContent = 'This test requires window.eventSender.'; |
11 | 11 |
12 test(function() { | 12 test(function() { |
13 var container = document.querySelector('#container'); | 13 var container = document.querySelector('#container'); |
14 container.innerHTML = '<input id=prev><div style="height:200px;"><span>text<
/span></div><input id=next>'; | 14 container.innerHTML = '<input id=prev><div style="height:200px;"><span>text<
/span></div><input id=next>'; |
15 hoverOverElement(container.querySelector('span')); | 15 hoverOverElement(container.querySelector('span')); |
16 eventSender.mouseDown(); | 16 eventSender.mouseDown(); |
17 eventSender.keyDown('\t'); | 17 eventSender.keyDown('\t'); |
18 assert_equals(document.activeElement.id, 'next'); | 18 assert_equals(document.activeElement.id, 'next'); |
| 19 eventSender.mouseUp(); |
19 | 20 |
20 hoverOverElement(container.querySelector('div')); | 21 hoverOverElement(container.querySelector('div')); |
21 eventSender.mouseDown(); | 22 eventSender.mouseDown(); |
22 eventSender.keyDown('\t', ['shiftKey']); | 23 eventSender.keyDown('\t', ['shiftKey']); |
23 assert_equals(document.activeElement.id, 'prev'); | 24 assert_equals(document.activeElement.id, 'prev'); |
| 25 eventSender.mouseUp(); |
| 26 |
| 27 container.innerHTML = '<span style="font-size:60px;"><input id=prev>Text Tex
t<input id=next></span>'; |
| 28 hoverOverElement(container.querySelector('span')); |
| 29 eventSender.mouseDown(); |
| 30 eventSender.keyDown('\t'); |
| 31 assert_equals(document.activeElement.id, 'next'); |
| 32 eventSender.mouseUp(); |
| 33 |
| 34 hoverOverElement(container.querySelector('span')); |
| 35 eventSender.mouseDown(); |
| 36 eventSender.keyDown('\t', ['shiftKey']); |
| 37 assert_equals(document.activeElement.id, 'prev'); |
| 38 eventSender.mouseUp(); |
24 }, 'Mouse press should update sequential focus navigation starting point.'); | 39 }, 'Mouse press should update sequential focus navigation starting point.'); |
25 | 40 |
26 test(function() { | 41 test(function() { |
27 var container = document.querySelector('#container'); | 42 var container = document.querySelector('#container'); |
28 container.innerHTML = '<a href="#fragment"></a><input id=prev><a name="fragm
ent"></a><input id=next>'; | 43 container.innerHTML = '<a href="#fragment"></a><input id=prev><a name="fragm
ent"></a><input id=next>'; |
29 container.querySelector('a').click(); | 44 container.querySelector('a').click(); |
30 eventSender.keyDown('\t'); | 45 eventSender.keyDown('\t'); |
31 assert_equals(document.activeElement.id, 'next'); | 46 assert_equals(document.activeElement.id, 'next'); |
32 }, 'Fragment navigation should update sequential focus navigation starting point
.'); | 47 }, 'Fragment navigation should update sequential focus navigation starting point
.'); |
33 | 48 |
(...skipping 15 matching lines...) Expand all Loading... |
49 assert_equals(document.activeElement.id, 'next'); | 64 assert_equals(document.activeElement.id, 'next'); |
50 | 65 |
51 container.innerHTML = '<input id=prev><input id=start><input id=next>'; | 66 container.innerHTML = '<input id=prev><input id=start><input id=next>'; |
52 container.querySelector('#start').focus(); | 67 container.querySelector('#start').focus(); |
53 container.querySelector('#start').remove(); | 68 container.querySelector('#start').remove(); |
54 eventSender.keyDown('\t', ['shiftKey']); | 69 eventSender.keyDown('\t', ['shiftKey']); |
55 assert_equals(document.activeElement.id, 'prev'); | 70 assert_equals(document.activeElement.id, 'prev'); |
56 }, 'After removing a focused element from the documen tree, sequential focus nav
igation should start at a place where the focused element was.'); | 71 }, 'After removing a focused element from the documen tree, sequential focus nav
igation should start at a place where the focused element was.'); |
57 </script> | 72 </script> |
58 </body> | 73 </body> |
OLD | NEW |