Skip to content

Commit

Permalink
Regression testing: Add data-test-id to example pages (pull w3c#881)
Browse files Browse the repository at this point in the history
  • Loading branch information
@spectranaut
spectranaut authored and Valerie R Young committed Sep 14, 2018
1 parent 8ac9742 commit ed9137e
Show file tree
Hide file tree
Showing 5 changed files with 69 additions and 69 deletions.
38 changes: 19 additions & 19 deletions examples/grid/dataGrids.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -531,7 +531,7 @@ <h2 id="kbd_label">Keyboard Support</h2>
<th>key</th>
<th>Function</th>
</tr>
<tr>
<tr data-test-id="key-right-arrow">
<th scope="row">
<kbd>Right Arrow</kbd>
</th>
Expand All @@ -542,7 +542,7 @@ <h2 id="kbd_label">Keyboard Support</h2>
</ul>
</td>
</tr>
<tr>
<tr data-test-id="key-left-arrow">
<th scope="row">
<kbd>Left Arrow</kbd>
</th>
Expand All @@ -553,7 +553,7 @@ <h2 id="kbd_label">Keyboard Support</h2>
</ul>
</td>
</tr>
<tr>
<tr data-test-id="key-down-arrow">
<th scope="row">
<kbd>Down Arrow</kbd>
</th>
Expand All @@ -564,7 +564,7 @@ <h2 id="kbd_label">Keyboard Support</h2>
</ul>
</td>
</tr>
<tr>
<tr data-test-id="key-up-arrow">
<th scope="row">
<kbd>Up Arrow</kbd>
</th>
Expand All @@ -575,7 +575,7 @@ <h2 id="kbd_label">Keyboard Support</h2>
</ul>
</td>
</tr>
<tr>
<tr data-test-id="key-page-down">
<th scope="row">
<kbd>Page Down</kbd>
</th>
Expand All @@ -587,7 +587,7 @@ <h2 id="kbd_label">Keyboard Support</h2>
</ul>
</td>
</tr>
<tr>
<tr data-test-id="key-page-up">
<th scope="row">
<kbd>Page Up</kbd>
</th>
Expand All @@ -599,25 +599,25 @@ <h2 id="kbd_label">Keyboard Support</h2>
</ul>
</td>
</tr>
<tr>
<tr data-test-id="key-home">
<th scope="row">
<kbd>Home</kbd>
</th>
<td>moves focus to the first cell in the row that contains focus.</td>
</tr>
<tr>
<tr data-test-id="key-end">
<th scope="row">
<kbd>End</kbd>
</th>
<td>moves focus to the last cell in the row that contains focus.</td>
</tr>
<tr>
<tr data-test-id="key-control-home">
<th scope="row">
<kbd>Control + Home</kbd>
</th>
<td>moves focus to the first cell in the first row.</td>
</tr>
<tr>
<tr data-test-id="key-control-end">
<th scope="row">
<kbd>Control + End</kbd>
</th>
Expand All @@ -638,7 +638,7 @@ <h2 id="rps_label">Role, Property, State, and Tabindex Attributes</h2>
</tr>
</thead>
<tbody>
<tr>
<tr data-test-id="grid-role">
<th scope="row">
<code>grid</code>
</th>
Expand All @@ -663,7 +663,7 @@ <h2 id="rps_label">Role, Property, State, and Tabindex Attributes</h2>
</ul>
</td>
</tr>
<tr>
<tr data-test-id="aria-labelledby">
<td></td>
<th scope="row">
<code>aria-labelledby=&quot;ID_REF&quot;</code>
Expand All @@ -673,7 +673,7 @@ <h2 id="rps_label">Role, Property, State, and Tabindex Attributes</h2>
</td>
<td>Refers to the heading element that labels the grid.</td>
</tr>
<tr>
<tr data-test-id="aria-rowcount">
<td></td>
<th scope="row">
<code>aria-rowcount=&quot;16&quot;</code>
Expand All @@ -696,7 +696,7 @@ <h2 id="rps_label">Role, Property, State, and Tabindex Attributes</h2>
</ul>
</td>
</tr>
<tr>
<tr data-test-id="aria-colcount">
<td></td>
<th scope="row">
<code>aria-colcount=&quot;6&quot;</code>
Expand All @@ -716,7 +716,7 @@ <h2 id="rps_label">Role, Property, State, and Tabindex Attributes</h2>
</ul>
</td>
</tr>
<tr>
<tr data-test-id="aria-rowindex">
<td></td>
<th scope="row">
<code>aria-rowindex=&quot;INDEX_VALUE&quot;</code>
Expand All @@ -733,7 +733,7 @@ <h2 id="rps_label">Role, Property, State, and Tabindex Attributes</h2>
</ul>
</td>
</tr>
<tr>
<tr data-test-id="aria-sort">
<td></td>
<th scope="row">
<code>aria-sort=&quot;ascending&quot;</code>
Expand All @@ -743,7 +743,7 @@ <h2 id="rps_label">Role, Property, State, and Tabindex Attributes</h2>
</td>
<td>In example 2, applied when a column is sorted in ascending order.</td>
</tr>
<tr>
<tr data-test-id="aria-sort">
<td></td>
<th scope="row">
<code>aria-sort=&quot;descending&quot;</code>
Expand All @@ -753,7 +753,7 @@ <h2 id="rps_label">Role, Property, State, and Tabindex Attributes</h2>
</td>
<td>In example 2, applied when a column is sorted in descending order.</td>
</tr>
<tr>
<tr data-test-id="aria-sort">
<td></td>
<th scope="row">
<code>aria-sort=&quot;none&quot;</code>
Expand All @@ -763,7 +763,7 @@ <h2 id="rps_label">Role, Property, State, and Tabindex Attributes</h2>
</td>
<td>In example 2, applied when a column is sortable but not sorted.</td>
</tr>
<tr>
<tr data-test-id="aria-colindex">
<td></td>
<th scope="row">
<code>aria-colindex=&quot;INDEX_VALUE&quot;</code>
Expand Down
32 changes: 16 additions & 16 deletions examples/listbox/listbox-collapsible.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -122,7 +122,7 @@ <h2 id="kbd_label">Keyboard Support</h2>
</tr>
</thead>
<tbody>
<tr>
<tr data-test-id="key-enter">
<th><kbd>Enter</kbd></th>
<td>
<ul>
Expand All @@ -131,11 +131,11 @@ <h2 id="kbd_label">Keyboard Support</h2>
</ul>
</td>
</tr>
<tr>
<tr data-test-id="key-escape">
<th><kbd>Escape</kbd></th>
<td>If the listbox is displayed, collapses the listbox and moves focus to the button.</td>
</tr>
<tr>
<tr data-test-id="key-down-arrow">
<th><kbd>Down Arrow</kbd></th>
<td>
<ul>
Expand All @@ -144,7 +144,7 @@ <h2 id="kbd_label">Keyboard Support</h2>
</ul>
</td>
</tr>
<tr>
<tr data-test-id="key-up-arrow">
<th><kbd>Up Arrow</kbd></th>
<td>
<ul>
Expand All @@ -153,15 +153,15 @@ <h2 id="kbd_label">Keyboard Support</h2>
</ul>
</td>
</tr>
<tr>
<tr data-test-id="key-home">
<th><kbd>Home</kbd></th>
<td>If the listbox is displayed, moves focus to and selects the first option.</td>
</tr>
<tr>
<tr data-test-id="key-end">
<th><kbd>End</kbd></th>
<td>If the listbox is displayed, moves focus to and selects the last option.</td>
</tr>
<tr>
<tr data-test-id="key-character">
<th>Printable Characters</th>
<td>
<ul>
Expand Down Expand Up @@ -191,7 +191,7 @@ <h2 id="rps_label">Role, Property, State, and Tabindex Attributes</h2>
</tr>
</thead>
<tbody>
<tr>
<tr data-test-id="button-aria-labelledby">
<td></td>
<th scope="row"><code>aria-labelledby=&quot;ID_REF1 ID_REF2&quot;</code></th>
<td><code>button</code></td>
Expand All @@ -203,13 +203,13 @@ <h2 id="rps_label">Role, Property, State, and Tabindex Attributes</h2>
</ul>
</td>
</tr>
<tr>
<tr data-test-id="button-aria-haspopup">
<td></td>
<th scope="row"><code>aria-haspopup=&quot;listbox&quot;</code></th>
<td><code>button</code></td>
<td>Indicates that activating the button displays a listbox.</td>
</tr>
<tr>
<tr data-test-id="button-aria-expanded">
<td></td>
<th scope="row"><code>aria-expanded=&quot;true&quot;</code></th>
<td><code>button</code></td>
Expand All @@ -220,19 +220,19 @@ <h2 id="rps_label">Role, Property, State, and Tabindex Attributes</h2>
</ul>
</td>
</tr>
<tr>
<tr data-test-id="listbox-role">
<th scope="row"><code>listbox</code></th>
<td></td>
<td><code>ul</code></td>
<td>Identifies the focusable element that has listbox behaviors and contains the listbox options. </td>
</tr>
<tr>
<tr data-test-id="listbox-aria-labelledby">
<td></td>
<th scope="row"><code>aria-labelledby=&quot;ID_REF&quot;</code></th>
<td><code>ul</code></td>
<td>Refers to the element containing the listbox label.</td>
</tr>
<tr>
<tr data-test-id="listbox-tabindex">
<td></td>
<th scope="row"><code>tabindex=&quot;-1&quot;</code></th>
<td><code>ul</code></td>
Expand All @@ -243,7 +243,7 @@ <h2 id="rps_label">Role, Property, State, and Tabindex Attributes</h2>
</ul>
</td>
</tr>
<tr>
<tr data-test-id="listbox-aria-activedescendant">
<td></td>
<th scope="row"><code>aria-activedescendant=&quot;ID_REF&quot;</code></th>
<td><code>ul</code></td>
Expand All @@ -260,13 +260,13 @@ <h2 id="rps_label">Role, Property, State, and Tabindex Attributes</h2>
</ul>
</td>
</tr>
<tr>
<tr data-test-id="option-role">
<th scope="row"><code>role=&quot;option&quot;</code></th>
<td></td>
<td><code>li</code></td>
<td>Identifies each selectable element containing the name of an option.</td>
</tr>
<tr>
<tr data-test-id="option-aria-selected">
<td></td>
<th scope="row"><code>aria-selected=&quot;true&quot;</code></th>
<td><code>li</code></td>
Expand Down
Loading

0 comments on commit ed9137e

Please sign in to comment.