| OLD | NEW |
| 1 <html> | 1 <html> |
| 2 <head> | 2 <head> |
| 3 <script src="../resources/js-test.js"></script> | 3 <script src="../resources/js-test.js"></script> |
| 4 <script> | 4 <script> |
| 5 if (window.testRunner) | 5 if (window.testRunner) |
| 6 testRunner.waitUntilDone(); | 6 testRunner.waitUntilDone(); |
| 7 | 7 |
| 8 function runTest() { | 8 function runTest() { |
| 9 description("This tests that navigating in a multiselect list updates se
lection and the active selected option and sends a notification."); | 9 description("This tests that navigating in a multiselect list updates se
lection and the active selected option and sends a notification."); |
| 10 | 10 |
| (...skipping 11 matching lines...) Expand all Loading... |
| 22 accessibleMenulist.addNotificationListener(listListener); | 22 accessibleMenulist.addNotificationListener(listListener); |
| 23 | 23 |
| 24 shouldBe("accessibleOne.isSelected", "true"); | 24 shouldBe("accessibleOne.isSelected", "true"); |
| 25 shouldBe("accessibleOne.isSelectedOptionActive", "true"); | 25 shouldBe("accessibleOne.isSelectedOptionActive", "true"); |
| 26 shouldBe("accessibleTwo.isSelected", "false"); | 26 shouldBe("accessibleTwo.isSelected", "false"); |
| 27 shouldBe("accessibleTwo.isSelectedOptionActive", "false"); | 27 shouldBe("accessibleTwo.isSelectedOptionActive", "false"); |
| 28 shouldBe("accessibleThree.isSelected", "false"); | 28 shouldBe("accessibleThree.isSelected", "false"); |
| 29 shouldBe("accessibleThree.isSelectedOptionActive", "false"); | 29 shouldBe("accessibleThree.isSelectedOptionActive", "false"); |
| 30 | 30 |
| 31 // Change the selected index by simulating a down arrow keydown even
t. | 31 // Change the selected index by simulating a down arrow keydown even
t. |
| 32 eventSender.keyDown('downArrow', []); | 32 eventSender.keyDown('ArrowDown', []); |
| 33 | 33 |
| 34 shouldBe("accessibleOne.isSelected", "false"); | 34 shouldBe("accessibleOne.isSelected", "false"); |
| 35 shouldBe("accessibleOne.isSelectedOptionActive", "false"); | 35 shouldBe("accessibleOne.isSelectedOptionActive", "false"); |
| 36 shouldBe("accessibleTwo.isSelected", "true"); | 36 shouldBe("accessibleTwo.isSelected", "true"); |
| 37 shouldBe("accessibleTwo.isSelectedOptionActive", "true"); | 37 shouldBe("accessibleTwo.isSelectedOptionActive", "true"); |
| 38 shouldBe("accessibleThree.isSelected", "false"); | 38 shouldBe("accessibleThree.isSelected", "false"); |
| 39 shouldBe("accessibleThree.isSelectedOptionActive", "false"); | 39 shouldBe("accessibleThree.isSelectedOptionActive", "false"); |
| 40 | 40 |
| 41 // Extend the selection by simulating a Shift + Down Arrow keydown e
vent. | 41 // Extend the selection by simulating a Shift + Down Arrow keydown e
vent. |
| 42 eventSender.keyDown('downArrow', ['shiftKey']); | 42 eventSender.keyDown('ArrowDown', ['shiftKey']); |
| 43 | 43 |
| 44 shouldBe("accessibleOne.isSelected", "false"); | 44 shouldBe("accessibleOne.isSelected", "false"); |
| 45 shouldBe("accessibleOne.isSelectedOptionActive", "false"); | 45 shouldBe("accessibleOne.isSelectedOptionActive", "false"); |
| 46 shouldBe("accessibleTwo.isSelected", "true"); | 46 shouldBe("accessibleTwo.isSelected", "true"); |
| 47 shouldBe("accessibleTwo.isSelectedOptionActive", "false"); | 47 shouldBe("accessibleTwo.isSelectedOptionActive", "false"); |
| 48 shouldBe("accessibleThree.isSelected", "true"); | 48 shouldBe("accessibleThree.isSelected", "true"); |
| 49 shouldBe("accessibleThree.isSelectedOptionActive", "true"); | 49 shouldBe("accessibleThree.isSelectedOptionActive", "true"); |
| 50 } | 50 } |
| 51 | 51 |
| 52 // Make the test finish quickly whether we get the notification or not. | 52 // Make the test finish quickly whether we get the notification or not. |
| (...skipping 18 matching lines...) Expand all Loading... |
| 71 <option>Two</option> | 71 <option>Two</option> |
| 72 <option>Three</option> | 72 <option>Three</option> |
| 73 <option>Four</option> | 73 <option>Four</option> |
| 74 </select> | 74 </select> |
| 75 | 75 |
| 76 <p id="description"></p> | 76 <p id="description"></p> |
| 77 <div id="console"></div> | 77 <div id="console"></div> |
| 78 | 78 |
| 79 </body> | 79 </body> |
| 80 </html> | 80 </html> |
| OLD | NEW |