| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <body> | 3 <body> |
| 4 <script src="../../../resources/testharness.js"></script> | 4 <script src="../../../resources/testharness.js"></script> |
| 5 <script src="../../../resources/testharnessreport.js"></script> | 5 <script src="../../../resources/testharnessreport.js"></script> |
| 6 <div id="log"></div> | 6 <div id="log"></div> |
| 7 | 7 |
| 8 <p>Test for <a href="https://bugs.webkit.org/show_bug.cgi?id=32013">https://bugs
.webkit.org/show_bug.cgi?id=32013</a>. | 8 <p>Test for <a href="https://bugs.webkit.org/show_bug.cgi?id=32013">https://bugs
.webkit.org/show_bug.cgi?id=32013</a>. |
| 9 | 9 |
| 10 <p>For manual testing, focus a radio button in the first group and use the arrow
keys. Changing the checked | 10 <p>For manual testing, focus a radio button in the first group and use the arrow
keys. Changing the checked |
| (...skipping 38 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 49 } | 49 } |
| 50 | 50 |
| 51 function getRadio(value) | 51 function getRadio(value) |
| 52 { | 52 { |
| 53 return document.querySelector('input[value="' + value + '"]'); | 53 return document.querySelector('input[value="' + value + '"]'); |
| 54 } | 54 } |
| 55 | 55 |
| 56 if (window.eventSender) { | 56 if (window.eventSender) { |
| 57 test(function() { | 57 test(function() { |
| 58 getRadio('a').focus(); | 58 getRadio('a').focus(); |
| 59 eventSender.keyDown('downArrow'); | 59 eventSender.keyDown('ArrowDown'); |
| 60 assert_equals(lastChangeEventValue, 'b'); | 60 assert_equals(lastChangeEventValue, 'b'); |
| 61 eventSender.keyDown('downArrow'); | 61 eventSender.keyDown('ArrowDown'); |
| 62 assert_equals(lastChangeEventValue, 'c'); | 62 assert_equals(lastChangeEventValue, 'c'); |
| 63 assert_false(getRadio('a').checked); | 63 assert_false(getRadio('a').checked); |
| 64 assert_false(getRadio('b').checked); | 64 assert_false(getRadio('b').checked); |
| 65 assert_true(getRadio('c').checked); | 65 assert_true(getRadio('c').checked); |
| 66 }, 'Pressing an arrow key moves checked state in a radio button group.'); | 66 }, 'Pressing an arrow key moves checked state in a radio button group.'); |
| 67 | 67 |
| 68 test(function() { | 68 test(function() { |
| 69 getRadio('d').focus(); | 69 getRadio('d').focus(); |
| 70 eventSender.keyDown('downArrow'); | 70 eventSender.keyDown('ArrowDown'); |
| 71 eventSender.keyDown('downArrow'); | 71 eventSender.keyDown('ArrowDown'); |
| 72 assert_true(getRadio('d').checked); | 72 assert_true(getRadio('d').checked); |
| 73 assert_false(getRadio('e').checked); | 73 assert_false(getRadio('e').checked); |
| 74 assert_false(getRadio('f').checked); | 74 assert_false(getRadio('f').checked); |
| 75 }, 'Pressing an arrow key doesn\'t move checked state in a radio button grou
p if click events are prevented.'); | 75 }, 'Pressing an arrow key doesn\'t move checked state in a radio button grou
p if click events are prevented.'); |
| 76 | 76 |
| 77 test(function() { | 77 test(function() { |
| 78 getRadio('x').focus(); | 78 getRadio('x').focus(); |
| 79 eventSender.keyDown('rightArrow'); | 79 eventSender.keyDown('ArrowRight'); |
| 80 assert_equals(lastChangeEventValue, 'z'); | 80 assert_equals(lastChangeEventValue, 'z'); |
| 81 assert_false(getRadio('x').checked); | 81 assert_false(getRadio('x').checked); |
| 82 assert_false(getRadio('y').checked); | 82 assert_false(getRadio('y').checked); |
| 83 assert_true(getRadio('z').checked); | 83 assert_true(getRadio('z').checked); |
| 84 | 84 |
| 85 eventSender.keyDown('rightArrow'); | 85 eventSender.keyDown('ArrowRight'); |
| 86 assert_equals(lastChangeEventValue, 'y'); | 86 assert_equals(lastChangeEventValue, 'y'); |
| 87 assert_false(getRadio('x').checked); | 87 assert_false(getRadio('x').checked); |
| 88 assert_true(getRadio('y').checked); | 88 assert_true(getRadio('y').checked); |
| 89 assert_false(getRadio('z').checked); | 89 assert_false(getRadio('z').checked); |
| 90 }, 'Right arrow key should move checked state backward in RTL.'); | 90 }, 'Right arrow key should move checked state backward in RTL.'); |
| 91 | 91 |
| 92 test(function() { | 92 test(function() { |
| 93 getRadio('x').focus(); | 93 getRadio('x').focus(); |
| 94 getRadio('x').checked = true; | 94 getRadio('x').checked = true; |
| 95 eventSender.keyDown('downArrow'); | 95 eventSender.keyDown('ArrowDown'); |
| 96 assert_equals(lastChangeEventValue, 'y'); | 96 assert_equals(lastChangeEventValue, 'y'); |
| 97 assert_false(getRadio('x').checked); | 97 assert_false(getRadio('x').checked); |
| 98 assert_true(getRadio('y').checked); | 98 assert_true(getRadio('y').checked); |
| 99 assert_false(getRadio('z').checked); | 99 assert_false(getRadio('z').checked); |
| 100 }, 'Down arrow key should move checked state forward regardless of RTL.'); | 100 }, 'Down arrow key should move checked state forward regardless of RTL.'); |
| 101 } | 101 } |
| 102 </script> | 102 </script> |
| 103 </body> | 103 </body> |
| 104 </html> | 104 </html> |
| OLD | NEW |