Skip to content

Commit

Permalink
Combobox 1.1 listbox and Layout Grid example pages: add data attribs …
Browse files Browse the repository at this point in the history 
…for regression test script (pull #766)

* listbox-combo.html: add data-test-id
* grid/LayoutGrids.html: add data-test-id
  • Loading branch information
@spectranaut @mcking65
spectranaut authored and mcking65 committed Jul 17, 2018
1 parent 73eea9d commit 1819d3c
Show file tree
Hide file tree
Showing 2 changed files with 45 additions and 45 deletions.
54 changes: 27 additions & 27 deletions examples/combobox/aria1.1pattern/listbox-combo.html
View file
Expand Up @@ -182,7 +182,7 @@ <h3 id="kbd_label_textbox">Textbox</h3>
</tr>
</thead>
<tbody>
<tr>
<tr data-test-id="textbox-key-down-arrow">
<th><kbd>Down Arrow</kbd></th>
<td>
<ul>
Expand All @@ -196,7 +196,7 @@ <h3 id="kbd_label_textbox">Textbox</h3>
</ul>
</td>
</tr>
<tr>
<tr data-test-id="textbox-key-up-arrow">
<th><kbd>Up Arrow</kbd></th>
<td>
<ul>
Expand All @@ -205,7 +205,7 @@ <h3 id="kbd_label_textbox">Textbox</h3>
</ul>
</td>
</tr>
<tr>
<tr data-test-id="key-enter">
<th><kbd>Enter</kbd></th>
<td>
<ul>
Expand All @@ -219,7 +219,7 @@ <h3 id="kbd_label_textbox">Textbox</h3>
</ul>
</td>
</tr>
<tr>
<tr data-test-id="textbox-key-escape">
<th><kbd>Escape</kbd></th>
<td>
<ul>
Expand Down Expand Up @@ -254,7 +254,7 @@ <h3 id="kbd_label_listbox">Listbox Popup</h3>
</tr>
</thead>
<tbody>
<tr>
<tr data-test-id="key-enter">
<th><kbd>Enter</kbd></th>
<td>
<ul>
Expand All @@ -264,7 +264,7 @@ <h3 id="kbd_label_listbox">Listbox Popup</h3>
</ul>
</td>
</tr>
<tr>
<tr data-test-id="listbox-key-escape">
<th><kbd>Escape</kbd></th>
<td>
<ul>
Expand All @@ -274,7 +274,7 @@ <h3 id="kbd_label_listbox">Listbox Popup</h3>
</ul>
</td>
</tr>
<tr>
<tr data-test-id="listbox-key-down-arrow">
<th><kbd>Down Arrow</kbd></th>
<td>
<ul>
Expand All @@ -284,7 +284,7 @@ <h3 id="kbd_label_listbox">Listbox Popup</h3>
</ul>
</td>
</tr>
<tr>
<tr data-test-id="listbox-key-up-arrow">
<th><kbd>Up Arrow</kbd></th>
<td>
<ul>
Expand All @@ -294,19 +294,19 @@ <h3 id="kbd_label_listbox">Listbox Popup</h3>
</ul>
</td>
</tr>
<tr>
<tr data-test-id="key-right-arrow">
<th><kbd>Right Arrow</kbd></th>
<td>Moves focus to the textbox and moves the editing cursor one character to the right.</td>
</tr>
<tr>
<tr data-test-id="key-left-arrow">
<th><kbd>Left Arrow</kbd></th>
<td>Moves focus to the textbox and moves the editing cursor one character to the leftt.</td>
</tr>
<tr>
<tr data-test-id="key-home">
<th><kbd>Home</kbd></th>
<td>Moves focus to the textbox and places the editing cursor at the beginning of the field.</td>
</tr>
<tr>
<tr data-test-id="key-end">
<th><kbd>End</kbd></th>
<td>Moves focus to the textbox and places the editing cursor at the end of the field.</td>
</tr>
Expand Down Expand Up @@ -341,7 +341,7 @@ <h3 id="rps_label_combobox">Combobox Container</h3>
</tr>
</thead>
<tbody>
<tr>
<tr data-test-id="combobox-role">
<th scope="row">
<code>combobox</code>
</th>
Expand All @@ -359,7 +359,7 @@ <h3 id="rps_label_combobox">Combobox Container</h3>
</ul>
</td>
</tr>
<tr>
<tr data-test-id="aria-haspopup">
<td></td>
<th scope="row">
<code>aria-haspopup=<q>listbox</q></code>
Expand All @@ -372,7 +372,7 @@ <h3 id="rps_label_combobox">Combobox Container</h3>
</ul>
</td>
</tr>
<tr>
<tr data-test-id="aria-owns">
<td></td>
<th scope="row">
<code>aria-owns=<q>IDREF</q></code>
Expand All @@ -385,15 +385,15 @@ <h3 id="rps_label_combobox">Combobox Container</h3>
</ul>
</td>
</tr>
<tr>
<tr data-test-id="aria-expanded">
<td></td>
<th scope="row">
<code>aria-expanded=<q>false</q></code>
</th>
<td><code>div</code></td>
<td>Indicates that the popup element <strong>is not</strong> displayed.</td>
</tr>
<tr>
<tr data-test-id="aria-expanded">
<td></td>
<th scope="row">
<code>aria-expanded=<q>true</q></code>
Expand All @@ -414,7 +414,7 @@ <h3 id="rps_label_textbox">Textbox</h3>
</tr>
</thead>
<tbody>
<tr>
<tr data-test-id="textbox-aria-labelledby">
<td></td>
<th scope="row">
<code>id="string"</code>
Expand All @@ -427,23 +427,23 @@ <h3 id="rps_label_textbox">Textbox</h3>
</ul>
</td>
</tr>
<tr>
<tr data-test-id="aria-autocomplete-list">
<td></td>
<th scope="row">
<code>aria-autocomplete=<q>list</q></code>
</th>
<td><code>input[type="text"]</code></td>
<td>Examples 1 and 2: Indicates that the autocomplete behavior of the text input is to suggest a list of possible values in a popup and that the suggestions are related to the string that is present in the textbox.</td>
</tr>
<tr>
<tr data-test-id="aria-autocomplete-both">
<td></td>
<th scope="row">
<code>aria-autocomplete=<q>both</q></code>
</th>
<td><code>input[type="text"]</code></td>
<td>Example 3: Indicates that the autocomplete behavior of the text input is to both show an inline completion string and suggest a list of possible values in a popup where the suggestions are related to the string that is present in the textbox.</td>
</tr>
<tr>
<tr data-test-id="textbox-aria-controls">
<td></td>
<th scope="row">
<code>aria-controls=<q>IDREF</q></code>
Expand All @@ -461,7 +461,7 @@ <h3 id="rps_label_textbox">Textbox</h3>
</ul>
</td>
</tr>
<tr>
<tr data-test-id="textbox-aria-activedescendant">
<td></td>
<th scope="row">
<code>aria-activedescendant=<q>IDREF</q></code>
Expand All @@ -484,15 +484,15 @@ <h3 id="rps_label_textbox">Textbox</h3>
<h3 id="rps_label_listbox">Listbox Popup</h3>
<table aria-labelledby="rps_label_listbox rps_label" class="data attributes">
<thead>
<tr>
<tr data-test-id="">
<th scope="col">Role</th>
<th scope="col">Attribute</th>
<th scope="col">Element</th>
<th scope="col">Usage</th>
</tr>
</thead>
<tbody>
<tr>
<tr data-test-id="listbox-role">
<th scope="row">
<code>listbox</code>
</th>
Expand All @@ -502,15 +502,15 @@ <h3 id="rps_label_listbox">Listbox Popup</h3>
</td>
<td>Identifies the <code>ul</code> element as a <code>listbox</code>.</td>
</tr>
<tr>
<tr data-test-id="listbox-aria-labelledby">
<td></td>
<th scope="row">
<code>aria-labelledby=<q>IDREF</q></code>
</th>
<td><code>ul</code></td>
<td>Provides a label for the <code>listbox</code> element of the combobox.</td>
</tr>
<tr>
<tr data-test-id="option-role">
<th scope="row">
<code>option</code>
</th>
Expand All @@ -523,7 +523,7 @@ <h3 id="rps_label_listbox">Listbox Popup</h3>
</ul>
</td>
</tr>
<tr>
<tr data-test-id="option-aria-selected">
<td></td>
<th scope="row">
<code>aria-selected=<q>true</q></code>
Expand Down
36 changes: 18 additions & 18 deletions examples/grid/LayoutGrids.html
View file
Expand Up @@ -460,7 +460,7 @@ <h2 id="kbd_label">Keyboard Support</h2>
</tr>
</thead>
<tbody>
<tr>
<tr data-test-id="key-right-arrow">
<th>
<kbd>Right Arrow</kbd>
</th>
Expand All @@ -473,7 +473,7 @@ <h2 id="kbd_label">Keyboard Support</h2>
</ul>
</td>
</tr>
<tr>
<tr data-test-id="key-left-arrow">
<th>
<kbd>Left Arrow</kbd>
</th>
Expand All @@ -486,7 +486,7 @@ <h2 id="kbd_label">Keyboard Support</h2>
</ul>
</td>
</tr>
<tr>
<tr data-test-id="key-down-arrow">
<th>
<kbd>Down Arrow</kbd>
</th>
Expand All @@ -501,7 +501,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>
Expand All @@ -516,7 +516,7 @@ <h2 id="kbd_label">Keyboard Support</h2>
</ul>
</td>
</tr>
<tr>
<tr data-test-id="key-page-down">
<th>
<kbd>Page Down</kbd> (Example 3)
</th>
Expand All @@ -528,7 +528,7 @@ <h2 id="kbd_label">Keyboard Support</h2>
</ul>
</td>
</tr>
<tr>
<tr data-test-id="key-page-up">
<th>
<kbd>Page Up</kbd> (Example 3)
</th>
Expand All @@ -540,25 +540,25 @@ <h2 id="kbd_label">Keyboard Support</h2>
</ul>
</td>
</tr>
<tr>
<tr data-test-id="key-home">
<th>
<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>
<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>
<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>
<kbd>Control + End</kbd>
</th>
Expand All @@ -580,7 +580,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>
<td></td>
<td><code>div</code></td>
Expand All @@ -589,15 +589,15 @@ <h2 id="rps_label">Role, Property, State, and Tabindex Attributes</h2>
Because focus is managed using <a href="../../#kbd_roving_tabindex">roving tabindex</a>, the grid element is not focusable.
</td>
</tr>
<tr>
<tr data-test-id="aria-labelledby">
<td></td>
<th scope="row">
<code>aria-labelledby=&quot;ID_REF&quot;</code>
</th>
<td><code>div</code></td>
<td>Refers to the element that labels the grid.</td>
</tr>
<tr>
<tr data-test-id="aria-rowcount">
<td></td>
<th scope="row"><code>aria-rowcount=&quot;19&quot;</code></th>
<td><code>div</code></td>
Expand All @@ -609,7 +609,7 @@ <h2 id="rps_label">Role, Property, State, and Tabindex Attributes</h2>
</ul>
</td>
</tr>
<tr>
<tr data-test-id="row-role">
<th scope="row"><code>row</code></th>
<td></td>
<td><code>div</code></td>
Expand All @@ -625,7 +625,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></th>
<td><code>div</code></td>
Expand All @@ -638,13 +638,13 @@ <h2 id="rps_label">Role, Property, State, and Tabindex Attributes</h2>
</ul>
</td>
</tr>
<tr>
<tr data-test-id="gridcell-role">
<th scope="row"><code>gridcell</code></th>
<td></td>
<td><code>span, div</code></td>
<td>Identifies the element containing the content for a single cell.</td>
</tr>
<tr>
<tr data-test-id="tabindex">
<td></td>
<th scope="row"><code>tabindex=&quot;-1&quot;</code></th>
<td><code>span, div</code></td>
Expand All @@ -658,7 +658,7 @@ <h2 id="rps_label">Role, Property, State, and Tabindex Attributes</h2>
</ul>
</td>
</tr>
<tr>
<tr data-test-id="tabindex">
<td></td>
<th scope="row"><code>tabindex=&quot;-1&quot;</code></th>
<td>Widgets inside cells</td>
Expand Down

0 comments on commit 1819d3c

Please sign in to comment.