Skip to content

Commit

Permalink
Add tests for APG design pattern example: Modal Dialog (#361)
Browse files Browse the repository at this point in the history 
Co-authored-by: jscholes <jscholes@users.noreply.github.com>
  • Loading branch information
@jscholes
jscholes and jscholes authored Jan 28, 2021
1 parent adc6230 commit bdaa2ae
Show file tree
Hide file tree
Showing 79 changed files with 6,263 additions and 99 deletions.
13 changes: 10 additions & 3 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -40,25 +40,32 @@ <h1>Test Patterns for Review</h1>
<td><a href="./tests/checkbox/index.html">Index</a></td>
<td><a href="./review/checkbox.html">Review</a></td>
<td>26</td>
<td><a href="https://github.com/w3c/aria-at/commit/6fb92c0" target="_blank">6fb92c0 Remove top level pass and change checkboxs to one tab stop
<td><a href="https://github.com/w3c/aria-at/commit/ceeb5f6" target="_blank">ceeb5f6 Correct wording of test 11 to swap &#39;first&#39; and &#39;last&#39;
</a></td>
</tr>
<tr>
<td>combobox-autocomplete-both</td>
<td><a href="./tests/combobox-autocomplete-both/index.html">Index</a></td>
<td><a href="./review/combobox-autocomplete-both.html">Review</a></td>
<td>30</td>
<td><a href="https://github.com/w3c/aria-at/commit/6fb92c0" target="_blank">6fb92c0 Remove top level pass and change checkboxs to one tab stop
<td><a href="https://github.com/w3c/aria-at/commit/ceeb5f6" target="_blank">ceeb5f6 Correct wording of test 11 to swap &#39;first&#39; and &#39;last&#39;
</a></td>
</tr>
<tr>
<td>menubar-editor</td>
<td><a href="./tests/menubar-editor/index.html">Index</a></td>
<td><a href="./review/menubar-editor.html">Review</a></td>
<td>40</td>
<td><a href="https://github.com/w3c/aria-at/commit/6fb92c0" target="_blank">6fb92c0 Remove top level pass and change checkboxs to one tab stop
<td><a href="https://github.com/w3c/aria-at/commit/ceeb5f6" target="_blank">ceeb5f6 Correct wording of test 11 to swap &#39;first&#39; and &#39;last&#39;
</a></td>
</tr>
<tr>
<td>modal-dialog</td>
<td><a href="./tests/modal-dialog/index.html">Index</a></td>
<td><a href="./review/modal-dialog.html">Review</a></td>
<td>29</td>
<td><a href="https://github.com/w3c/aria-at/commit/" target="_blank"></a></td>
</tr>
</table>

</body>
Expand Down
77 changes: 51 additions & 26 deletions review/checkbox.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -143,6 +143,31 @@
}, focusontextalign: function(testPageDocument){
// Move focus to the "Text Align" menu item
testPageDocument.querySelectorAll('[role=menuitem]')[2].focus();
}, moveFocusToAddDeliveryAddressButton: function(testPageDocument){
// sets focus on the 'Add Delivery Address' button
testPageDocument.querySelector('#ex1 > button').focus();
}, openAddDeliveryAddressDialogAndFocusAddButton: function(testPageDocument){
// opens the 'Add Delivery Address' modal dialog, and sets focus on the 'Add' button
const btn = testPageDocument.querySelector('#ex1 > button');
testPageDocument.defaultView.openDialog('dialog1', btn, 'dialog1_add');
}, openAddDeliveryAddressDialogAndFocusCancelButton: function(testPageDocument){
// opens the 'Add Delivery Address' modal dialog, and sets focus on the 'Cancel' button
const btn = testPageDocument.querySelector('#ex1 > button');
testPageDocument.defaultView.openDialog('dialog1', btn, 'dialog1_cancel');
}, openAddDeliveryAddressDialogAndFocusFirstInput: function(testPageDocument){
// opens the 'Add Delivery Address' modal dialog, and sets focus on the first input
const btn = testPageDocument.querySelector('#ex1 > button');
testPageDocument.defaultView.openDialog('dialog1', btn);
}, openAddressAddedDialogAndFocusYourProfileLink: function(testPageDocument){
// opens the 'Add Delivery Address' dialog followed by the 'Address Added' dialog, and sets focus on the 'your profile' link inside the second dialog
const btn = testPageDocument.querySelector('#ex1 > button');
testPageDocument.defaultView.openDialog('dialog1', btn, 'dialog1_add');
testPageDocument.defaultView.replaceDialog('dialog3', undefined, 'dialog3_profile');
}, openVerificationResultDialogAndFocusCloseButton: function(testPageDocument){
// opens the 'Add Delivery Address' dialog followed by the 'Verification Result' dialog, and sets focus on the 'Close' button inside the second dialog
const btn = testPageDocument.querySelector('#ex1 > button');
testPageDocument.defaultView.openDialog('dialog1', btn, 'dialog1_add');
testPageDocument.defaultView.openDialog('dialog2', 'dialog1_verify', 'dialog2_close_btn');
}
};

Expand Down Expand Up @@ -187,7 +212,7 @@ <h2>Test 1: Navigate to an unchecked checkbox in reading mode</h2>
<ul>
<li>Mode: reading</li>
<li>Applies to: jaws, nvda</li>
<li>Lasted edited: Thu Dec 10 10:41:01 2020 -0800</li>
<li>Lasted edited: Wed Jan 27 13:37:16 2021 -0600</li>
<li>Tests:
<ul>
<li><a href="../tests/checkbox/test-01-navigate-to-unchecked-checkbox-reading.html?at=jaws">jaws</a></li>
Expand Down Expand Up @@ -260,7 +285,7 @@ <h2>Test 2: Navigate to an unchecked checkbox in interaction mode</h2>
<ul>
<li>Mode: interaction</li>
<li>Applies to: jaws, nvda</li>
<li>Lasted edited: Thu Dec 10 10:41:01 2020 -0800</li>
<li>Lasted edited: Wed Jan 27 13:37:16 2021 -0600</li>
<li>Tests:
<ul>
<li><a href="../tests/checkbox/test-02-navigate-to-unchecked-checkbox-interaction.html?at=jaws">jaws</a></li>
Expand Down Expand Up @@ -326,7 +351,7 @@ <h2>Test 3: Navigate to an unchecked checkbox</h2>
<ul>
<li>Mode: interaction</li>
<li>Applies to: voiceover_macos</li>
<li>Lasted edited: Thu Dec 10 10:41:01 2020 -0800</li>
<li>Lasted edited: Wed Jan 27 13:37:16 2021 -0600</li>
<li>Tests:
<ul>
<li><a href="../tests/checkbox/test-03-navigate-to-unchecked-checkbox-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
Expand Down Expand Up @@ -372,7 +397,7 @@ <h2>Test 4: Navigate to a checked checkbox in reading mode</h2>
<ul>
<li>Mode: reading</li>
<li>Applies to: jaws, nvda</li>
<li>Lasted edited: Thu Dec 10 10:41:01 2020 -0800</li>
<li>Lasted edited: Wed Jan 27 13:37:16 2021 -0600</li>
<li>Tests:
<ul>
<li><a href="../tests/checkbox/test-04-navigate-to-checked-checkbox-reading.html?at=jaws">jaws</a></li>
Expand Down Expand Up @@ -455,7 +480,7 @@ <h2>Test 5: Navigate to a checked checkbox in interaction mode</h2>
<ul>
<li>Mode: interaction</li>
<li>Applies to: jaws, nvda</li>
<li>Lasted edited: Thu Dec 10 10:41:01 2020 -0800</li>
<li>Lasted edited: Wed Jan 27 13:37:16 2021 -0600</li>
<li>Tests:
<ul>
<li><a href="../tests/checkbox/test-05-navigate-to-checked-checkbox-interaction.html?at=jaws">jaws</a></li>
Expand Down Expand Up @@ -531,7 +556,7 @@ <h2>Test 6: Navigate to a checked checkbox</h2>
<ul>
<li>Mode: interaction</li>
<li>Applies to: voiceover_macos</li>
<li>Lasted edited: Thu Dec 10 10:41:01 2020 -0800</li>
<li>Lasted edited: Wed Jan 27 13:37:16 2021 -0600</li>
<li>Tests:
<ul>
<li><a href="../tests/checkbox/test-06-navigate-to-checked-checkbox-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
Expand Down Expand Up @@ -582,7 +607,7 @@ <h2>Test 7: Operate a checkbox in reading mode</h2>
<ul>
<li>Mode: reading</li>
<li>Applies to: jaws, nvda</li>
<li>Lasted edited: Thu Dec 10 10:41:01 2020 -0800</li>
<li>Lasted edited: Wed Jan 27 13:37:16 2021 -0600</li>
<li>Tests:
<ul>
<li><a href="../tests/checkbox/test-07-operate-checkbox-reading.html?at=jaws">jaws</a></li>
Expand Down Expand Up @@ -645,7 +670,7 @@ <h2>Test 8: Operate a checkbox in interaction mode</h2>
<ul>
<li>Mode: interaction</li>
<li>Applies to: jaws, nvda</li>
<li>Lasted edited: Thu Dec 10 10:41:01 2020 -0800</li>
<li>Lasted edited: Wed Jan 27 13:37:16 2021 -0600</li>
<li>Tests:
<ul>
<li><a href="../tests/checkbox/test-08-operate-checkbox-interaction.html?at=jaws">jaws</a></li>
Expand Down Expand Up @@ -706,7 +731,7 @@ <h2>Test 9: Operate a checkbox</h2>
<ul>
<li>Mode: interaction</li>
<li>Applies to: voiceover_macos</li>
<li>Lasted edited: Thu Dec 10 10:41:01 2020 -0800</li>
<li>Lasted edited: Wed Jan 27 13:37:16 2021 -0600</li>
<li>Tests:
<ul>
<li><a href="../tests/checkbox/test-09-operate-checkbox-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
Expand Down Expand Up @@ -748,7 +773,7 @@ <h2>Test 10: Read an unchecked checkbox in reading mode</h2>
<ul>
<li>Mode: reading</li>
<li>Applies to: jaws, nvda</li>
<li>Lasted edited: Thu Dec 10 10:41:01 2020 -0800</li>
<li>Lasted edited: Wed Jan 27 13:37:16 2021 -0600</li>
<li>Tests:
<ul>
<li><a href="../tests/checkbox/test-10-read-unchecked-checkbox-reading.html?at=jaws">jaws</a></li>
Expand Down Expand Up @@ -826,7 +851,7 @@ <h2>Test 11: Read an unchecked checkbox in interaction mode</h2>
<ul>
<li>Mode: interaction</li>
<li>Applies to: jaws, nvda</li>
<li>Lasted edited: Thu Dec 10 10:41:01 2020 -0800</li>
<li>Lasted edited: Wed Jan 27 13:37:16 2021 -0600</li>
<li>Tests:
<ul>
<li><a href="../tests/checkbox/test-11-read-unchecked-checkbox-interaction.html?at=jaws">jaws</a></li>
Expand Down Expand Up @@ -904,7 +929,7 @@ <h2>Test 12: Read an unchecked checkbox</h2>
<ul>
<li>Mode: interaction</li>
<li>Applies to: voiceover_macos</li>
<li>Lasted edited: Thu Dec 10 10:41:01 2020 -0800</li>
<li>Lasted edited: Wed Jan 27 13:37:16 2021 -0600</li>
<li>Tests:
<ul>
<li><a href="../tests/checkbox/test-12-read-unchecked-checkbox-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
Expand Down Expand Up @@ -954,7 +979,7 @@ <h2>Test 13: Read a checked checkbox in reading mode</h2>
<ul>
<li>Mode: reading</li>
<li>Applies to: jaws, nvda</li>
<li>Lasted edited: Thu Dec 10 10:41:01 2020 -0800</li>
<li>Lasted edited: Wed Jan 27 13:37:16 2021 -0600</li>
<li>Tests:
<ul>
<li><a href="../tests/checkbox/test-13-read-checked-checkbox-reading.html?at=jaws">jaws</a></li>
Expand Down Expand Up @@ -1032,7 +1057,7 @@ <h2>Test 14: Read a checked checkbox in interaction mode</h2>
<ul>
<li>Mode: interaction</li>
<li>Applies to: jaws, nvda</li>
<li>Lasted edited: Thu Dec 10 10:41:01 2020 -0800</li>
<li>Lasted edited: Wed Jan 27 13:37:16 2021 -0600</li>
<li>Tests:
<ul>
<li><a href="../tests/checkbox/test-14-read-checked-checkbox-interaction.html?at=jaws">jaws</a></li>
Expand Down Expand Up @@ -1110,7 +1135,7 @@ <h2>Test 15: Read a checked checkbox</h2>
<ul>
<li>Mode: interaction</li>
<li>Applies to: voiceover_macos</li>
<li>Lasted edited: Thu Dec 10 10:41:01 2020 -0800</li>
<li>Lasted edited: Wed Jan 27 13:37:16 2021 -0600</li>
<li>Tests:
<ul>
<li><a href="../tests/checkbox/test-15-read-checked-checkbox-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
Expand Down Expand Up @@ -1160,7 +1185,7 @@ <h2>Test 16: Read grouping information of a grouped checkbox in reading mode</h2
<ul>
<li>Mode: reading</li>
<li>Applies to: jaws, nvda</li>
<li>Lasted edited: Thu Dec 10 10:41:01 2020 -0800</li>
<li>Lasted edited: Wed Jan 27 13:37:16 2021 -0600</li>
<li>Tests:
<ul>
<li><a href="../tests/checkbox/test-16-read-checkbox-group-reading.html?at=jaws">jaws</a></li>
Expand Down Expand Up @@ -1224,7 +1249,7 @@ <h2>Test 17: Read grouping information of a grouped checkbox in interaction mode
<ul>
<li>Mode: interaction</li>
<li>Applies to: jaws, nvda</li>
<li>Lasted edited: Thu Dec 10 10:41:01 2020 -0800</li>
<li>Lasted edited: Wed Jan 27 13:37:16 2021 -0600</li>
<li>Tests:
<ul>
<li><a href="../tests/checkbox/test-17-read-checkbox-group-interaction.html?at=jaws">jaws</a></li>
Expand Down Expand Up @@ -1288,7 +1313,7 @@ <h2>Test 18: Read grouping information of a grouped checkbox</h2>
<ul>
<li>Mode: interaction</li>
<li>Applies to: voiceover_macos</li>
<li>Lasted edited: Thu Dec 10 10:41:01 2020 -0800</li>
<li>Lasted edited: Wed Jan 27 13:37:16 2021 -0600</li>
<li>Tests:
<ul>
<li><a href="../tests/checkbox/test-18-read-checkbox-group-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
Expand Down Expand Up @@ -1332,7 +1357,7 @@ <h2>Test 19: Navigate sequentially through a checkbox group in reading mode</h2>
<ul>
<li>Mode: reading</li>
<li>Applies to: jaws, nvda</li>
<li>Lasted edited: Thu Dec 10 10:41:01 2020 -0800</li>
<li>Lasted edited: Wed Jan 27 13:37:16 2021 -0600</li>
<li>Tests:
<ul>
<li><a href="../tests/checkbox/test-19-navigate-sequentially-through-checkbox-group-reading.html?at=jaws">jaws</a></li>
Expand Down Expand Up @@ -1401,7 +1426,7 @@ <h2>Test 20: Navigate sequentially through a checkbox group</h2>
<ul>
<li>Mode: interaction</li>
<li>Applies to: voiceover_macos</li>
<li>Lasted edited: Thu Dec 10 10:41:01 2020 -0800</li>
<li>Lasted edited: Wed Jan 27 13:37:16 2021 -0600</li>
<li>Tests:
<ul>
<li><a href="../tests/checkbox/test-20-navigate-sequentially-through-checkbox-group-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
Expand Down Expand Up @@ -1447,7 +1472,7 @@ <h2>Test 21: Navigate into a checkbox group in reading mode</h2>
<ul>
<li>Mode: reading</li>
<li>Applies to: jaws, nvda</li>
<li>Lasted edited: Thu Dec 10 10:41:01 2020 -0800</li>
<li>Lasted edited: Wed Jan 27 13:37:16 2021 -0600</li>
<li>Tests:
<ul>
<li><a href="../tests/checkbox/test-21-navigate-into-checkbox-group-reading.html?at=jaws">jaws</a></li>
Expand Down Expand Up @@ -1524,7 +1549,7 @@ <h2>Test 22: Navigate into a checkbox group in interaction mode</h2>
<ul>
<li>Mode: interaction</li>
<li>Applies to: jaws, nvda</li>
<li>Lasted edited: Thu Dec 10 10:41:01 2020 -0800</li>
<li>Lasted edited: Wed Jan 27 13:37:16 2021 -0600</li>
<li>Tests:
<ul>
<li><a href="../tests/checkbox/test-22-navigate-into-checkbox-group-interaction.html?at=jaws">jaws</a></li>
Expand Down Expand Up @@ -1593,7 +1618,7 @@ <h2>Test 23: Navigate into a checkbox group</h2>
<ul>
<li>Mode: interaction</li>
<li>Applies to: voiceover_macos</li>
<li>Lasted edited: Thu Dec 10 10:41:01 2020 -0800</li>
<li>Lasted edited: Wed Jan 27 13:37:16 2021 -0600</li>
<li>Tests:
<ul>
<li><a href="../tests/checkbox/test-23-navigate-into-checkbox-group-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
Expand Down Expand Up @@ -1643,7 +1668,7 @@ <h2>Test 24: Navigate out of a checkbox group in reading mode</h2>
<ul>
<li>Mode: reading</li>
<li>Applies to: jaws, nvda</li>
<li>Lasted edited: Thu Dec 10 10:41:01 2020 -0800</li>
<li>Lasted edited: Wed Jan 27 13:37:16 2021 -0600</li>
<li>Tests:
<ul>
<li><a href="../tests/checkbox/test-24-navigate-out-of-checkbox-group-reading.html?at=jaws">jaws</a></li>
Expand Down Expand Up @@ -1712,7 +1737,7 @@ <h2>Test 25: Navigate out of a checkbox group in interaction mode</h2>
<ul>
<li>Mode: interaction</li>
<li>Applies to: jaws, nvda</li>
<li>Lasted edited: Thu Dec 10 10:41:01 2020 -0800</li>
<li>Lasted edited: Wed Jan 27 13:37:16 2021 -0600</li>
<li>Tests:
<ul>
<li><a href="../tests/checkbox/test-25-navigate-out-of-checkbox-group-interaction.html?at=jaws">jaws</a></li>
Expand Down Expand Up @@ -1781,7 +1806,7 @@ <h2>Test 26: Navigate out of a checkbox group</h2>
<ul>
<li>Mode: interaction</li>
<li>Applies to: voiceover_macos</li>
<li>Lasted edited: Thu Dec 10 10:41:01 2020 -0800</li>
<li>Lasted edited: Wed Jan 27 13:37:16 2021 -0600</li>
<li>Tests:
<ul>
<li><a href="../tests/checkbox/test-26-navigate-out-of-checkbox-group-interaction.html?at=voiceover_macos">voiceover_macos</a></li>
Expand Down
Loading

0 comments on commit bdaa2ae

Please # to comment.