diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 17:32:43 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 17:32:43 +0000 |
| commit | 6bf0a5cb5034a7e684dcc3500e841785237ce2dd (patch) | |
| tree | a68f146d7fa01f0134297619fbe7e33db084e0aa /testing/web-platform/tests/html-aam | |
| parent | Initial commit. (diff) | |
| download | thunderbird-6bf0a5cb5034a7e684dcc3500e841785237ce2dd.tar.xz thunderbird-6bf0a5cb5034a7e684dcc3500e841785237ce2dd.zip | |
Adding upstream version 1:115.7.0.upstream/1%115.7.0upstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/html-aam')
5 files changed, 331 insertions, 0 deletions
diff --git a/testing/web-platform/tests/html-aam/META.yaml b/testing/web-platform/tests/html-aam/META.yaml new file mode 100644 index 0000000000..572918600a --- /dev/null +++ b/testing/web-platform/tests/html-aam/META.yaml @@ -0,0 +1,4 @@ +spec: https://w3c.github.io/html-aam/ +suggested_reviewers: + - cookiecrook + - scottaohara
\ No newline at end of file diff --git a/testing/web-platform/tests/html-aam/fragile/area-role.html b/testing/web-platform/tests/html-aam/fragile/area-role.html new file mode 100644 index 0000000000..9b6ded5686 --- /dev/null +++ b/testing/web-platform/tests/html-aam/fragile/area-role.html @@ -0,0 +1,25 @@ +<!doctype html> +<html> +<head> + <title>HTMLAreaElement Role Verification Tests</title> + <script src="/resources/testharness.js"></script> + <script src="/resources/testharnessreport.js"></script> + <script src="/resources/testdriver.js"></script> + <script src="/resources/testdriver-vendor.js"></script> + <script src="/resources/testdriver-actions.js"></script> + <script src="/wai-aria/scripts/aria-utils.js"></script> +</head> +<body> + +<map name="areamap"> + <area shape="rect" coords="0,0,15,15" href="#" alt="x" data-testname="el-area" data-expectedrole="link" class="ex"> + <area shape="rect" coords="15,15,31,31" alt="x" data-testname="el-area-no-href" data-expectedrole="generic" class="ex"> +</map> +<img usemap="#areamap" src="#" style="width: 32px; height: 32px;" alt="x"> + +<script> +AriaUtils.verifyRolesBySelector(".ex"); +</script> + +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html-aam/fragile/optgroup-role.html b/testing/web-platform/tests/html-aam/fragile/optgroup-role.html new file mode 100644 index 0000000000..f36a5d6983 --- /dev/null +++ b/testing/web-platform/tests/html-aam/fragile/optgroup-role.html @@ -0,0 +1,30 @@ +<!doctype html> +<html> +<head> + <title>HTMLOptGroupElement Role Verification Tests</title> + <script src="/resources/testharness.js"></script> + <script src="/resources/testharnessreport.js"></script> + <script src="/resources/testdriver.js"></script> + <script src="/resources/testdriver-vendor.js"></script> + <script src="/resources/testdriver-actions.js"></script> + <script src="/wai-aria/scripts/aria-utils.js"></script> +</head> +<body> + +<select> + <optgroup label="x" data-testname="el-optgroup" data-expectedrole="group" class="ex"> + <option>x1</option> + <option>x2</option> + </optgroup> + <optgroup data-testname="el-optgroup-no-label" data-expectedrole="not defined in spec?" class="ex-todo"> + <option>y1</option> + <option>y2</option> + </optgroup> +</select> + +<script> +AriaUtils.verifyRolesBySelector(".ex"); +</script> + +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html-aam/roles.html b/testing/web-platform/tests/html-aam/roles.html new file mode 100644 index 0000000000..3609c26a23 --- /dev/null +++ b/testing/web-platform/tests/html-aam/roles.html @@ -0,0 +1,223 @@ +<!doctype html> +<html> +<head> + <title>HTML-AAM Role Verification Tests</title> + <script src="/resources/testharness.js"></script> + <script src="/resources/testharnessreport.js"></script> + <script src="/resources/testdriver.js"></script> + <script src="/resources/testdriver-vendor.js"></script> + <script src="/resources/testdriver-actions.js"></script> + <script src="/wai-aria/scripts/aria-utils.js"></script> +</head> +<body> + +<!-- Most test names correspond to unique ID defined in the https://w3c.github.io/html-aam/ spec. --> + +<a href="#" data-testname="el-a" data-expectedrole="link" class="ex">x</a> +<a data-testname="el-a-no-href" data-expectedrole="generic" class="ex">x</a> +<!-- todo: abbr --> +<address data-testname="el-address" data-expectedrole="group" class="ex">x</address> +<!-- area -> ./fragile/area-role.html --> +<article data-testname="el-article" data-expectedrole="article" class="ex">x</article> + +<!-- el-aside --> +<nav> + <aside data-testname="el-aside-in-section-with-name" data-expectedrole="complementary" aria-label="x" class="ex">x</aside> + <aside data-testname="el-aside-in-section-without-name" data-expectedrole="generic" class="ex">x</aside> +</nav> +<aside data-testname="el-aside-ancestorbodymain" data-expectedrole="complementary" class="ex">x</aside> + +<!-- todo: audio --> +<!-- todo: autonomous custom element --> +<b data-testname="el-b" data-expectedrole="generic" class="ex">x</b> +<!-- base (not mapped) --> +<bdi data-testname="el-bdi" data-expectedrole="generic" class="ex">x</bdi> +<bdo data-testname="el-bdo" data-expectedrole="generic" class="ex">x</bdo> +<blockquote data-testname="el-blockquote" data-expectedrole="blockquote" class="ex">x</blockquote> +<!-- todo: body --> +<!-- br (not mapped) --> +<button data-testname="el-button" data-expectedrole="button" class="ex">x</button> +<!-- todo: canvas --> +<!-- caption -> ./table-roles.html --> +<!-- todo: cite --> +<code data-testname="el-code" data-expectedrole="code" class="ex">x</code> +<!-- todo: col --> +<!-- todo: colgroup --> +<data value="1" data-testname="el-data" data-expectedrole="generic" class="ex">x</data> +<!-- todo: datalist --> + +<!-- el-dd --> +<dl> + <dt>x</dt> + <dd data-testname="el-dd" data-expectedrole="definition" class="ex">x</dd> +</dl> + +<del data-testname="el-del" data-expectedrole="deletion" class="ex">x</del> +<details data-testname="el-details" data-expectedrole="group" class="ex"><summary>x</summary>x</details> +<dfn data-testname="el-dfn" data-expectedrole="term" class="ex">x</dfn> +<div open data-testname="el-div" data-expectedrole="generic" class="ex">x</div> +<!-- todo: dl --> + +<!-- el-dt --> +<dl> + <dt data-testname="el-dt" data-expectedrole="term" class="ex">x</dt> + <dd>x</dd> +</dl> + +<em data-testname="el-em" data-expectedrole="emphasis" class="ex">x</em> +<!-- todo: embed --> +<fieldset data-testname="el-fieldset" data-expectedrole="group" class="ex"><legend>x</legend><input></fieldset> +<!-- todo: figcaption --> +<figure data-testname="el-figure" data-expectedrole="figure" class="ex"><img src="#" alt="x"><figcaption>x</figcaption></figure> + +<!-- el-footer --> +<nav> + <footer data-testname="el-footer" data-expectedrole="generic" aria-label="x" class="ex">x</aside> +</nav> +<footer data-testname="el-footer-ancestorbody" data-expectedrole="contentinfo" class="ex">x</footer> + +<form data-testname="el-form" data-expectedrole="form" class="ex"><input></form> +<!-- todo: form-associated custom element --> + +<!-- el-h1-h6 --> +<h1 data-testname="el-h1" data-expectedrole="heading" class="ex">x</h1> +<h2 data-testname="el-h2" data-expectedrole="heading" class="ex">x</h2> +<h3 data-testname="el-h3" data-expectedrole="heading" class="ex">x</h3> +<h4 data-testname="el-h4" data-expectedrole="heading" class="ex">x</h4> +<h5 data-testname="el-h5" data-expectedrole="heading" class="ex">x</h5> +<h6 data-testname="el-h6" data-expectedrole="heading" class="ex">x</h6> + +<!-- head (not mapped) --> + +<!-- el-header --> +<nav> + <header data-testname="el-header" data-expectedrole="generic" aria-label="x" class="ex">x</header> +</nav> +<header data-testname="el-header-ancestorbody" data-expectedrole="banner" class="ex">x</header> + +<hgroup data-testname="el-hgroup" data-expectedrole="group" class="ex"><h1>x</h1></hgroup> +<hr data-testname="el-hr" data-expectedrole="separator" class="ex"> +<!-- todo: html --> +<i data-testname="el-i" data-expectedrole="generic" class="ex">x</i> +<!-- todo: iframe --> +<img src="#" alt="x" data-testname="el-img" data-expectedrole="image" class="ex"> + +<!-- Implementations might also be valid if ignored rather than returning 'none' for the following images. --> +<img src="#" alt data-testname="el-img-alt-no-value" data-expectedrole="none" class="ex"> +<img src="#" alt="" data-testname="el-img-empty-alt" data-expectedrole="none" class="ex"> + +<input type="button" value="x" data-testname="el-input-button" data-expectedrole="button" class="ex"> +<input type="checkbox" data-testname="el-input-checkbox" data-expectedrole="checkbox" class="ex"> +<!-- todo: input type="color" --> +<!-- todo: input type="date" --> +<!-- todo: input type="datetime" --> +<!-- todo: input type="datetime-local" --> +<input type="email" data-testname="el-input-email" data-expectedrole="textbox" class="ex"> +<!-- todo: input type="file" --> +<!-- input type="hidden" (not mapped) --> +<!-- todo: input type="month" --> + +<!-- Blocked: HTML-AAM Issue #467 --> +<!-- <input type="number" data-testname="el-input-number" data-expectedrole="spinbutton" class="ex"> --> + +<!-- todo: input type="password" --> +<input type="radio" data-testname="el-input-radio" data-expectedrole="radio" class="ex"> +<input type="range" data-testname="el-input-range" data-expectedrole="slider" class="ex"> +<input type="reset" value="x" data-testname="el-input-reset" data-expectedrole="button" class="ex"> +<input type="search" data-testname="el-input-search" data-expectedrole="searchbox" class="ex"> +<input type="submit" value="x" data-testname="el-input-submit" data-expectedrole="button" class="ex"> +<input type="tel" data-testname="el-input-tel" data-expectedrole="textbox" class="ex"> +<input type="text" data-testname="el-input-text" data-expectedrole="textbox" class="ex"> +<!-- todo: input (type attribute in the Text, Search, Telephone, URL, or E-mail states with a suggestions source element) --> +<!-- todo: input type="time" --> +<input type="url" data-testname="el-input-url" data-expectedrole="textbox" class="ex"> +<!-- todo: input type="week" --> +<ins data-testname="el-ins" data-expectedrole="insertion" class="ex">x</ins> +<!-- todo: kbd --> +<!-- todo: label --> +<!-- todo: legend --> + +<!-- el-li --> +<li data-testname="el-li-orphaned" data-expectedrole="generic" class="ex">x</li> +<ul><li data-testname="el-li-in-ul" data-expectedrole="listitem" class="ex">x</li><li>x</li></ul> +<ol><li data-testname="el-li-in-ol" data-expectedrole="listitem" class="ex">x</li><li>x</li></ol> + +<!-- link (not mapped) --> +<main data-testname="el-main" data-expectedrole="main" class="ex">x</main> +<!-- map (not mapped) --> +<mark data-testname="el-mark" data-expectedrole="mark" class="ex">x</mark> +<!-- todo: math --> +<menu data-testname="el-menu" data-expectedrole="list" class="ex"><li>x</li></menu> +<!-- meta (not mapped) --> +<meter data-testname="el-meter" data-expectedrole="meter" class="ex" min="0" max="100" low="20" high="80" optimum="60" value="50">x</meter> +<nav data-testname="el-nav" data-expectedrole="navigation" class="ex">x</nav> +<!-- noscript (not mapped) --> +<!-- object (not mapped) --> +<ol data-testname="el-ol" data-expectedrole="list" class="ex"><li>x</li><li>x</li></ol> + +<!-- optgroup -> ./fragile/optgroup-role.html --> + +<!-- option --> +<select> + <option data-testname="el-option" data-expectedrole="option" class="ex">x</option> + <option>x</option> +</select> + +<output data-testname="el-output" data-expectedrole="status" class="ex">x</output> +<p data-testname="el-p" data-expectedrole="paragraph" class="ex">x</p> +<!-- param (not mapped) --> +<!-- todo: picture --> +<pre data-testname="el-pre" data-expectedrole="generic" class="ex">x</pre> +<progress data-testname="el-progress" data-expectedrole="progressbar" class="ex">x</progress> +<q data-testname="el-q" data-expectedrole="generic" class="ex">x</q> +<!-- todo: rp -> /ruby-aam? --> +<!-- todo: rt -> /ruby-aam? --> +<!-- todo: ruby -> /ruby-aam? --> +<s data-testname="el-s" data-expectedrole="deletion" class="ex">x</s> +<samp data-testname="el-samp" data-expectedrole="generic" class="ex">x</samp> +<!-- script (not mapped) --> +<search data-testname="el-search" data-expectedrole="search" class="ex">x</search> + +<!-- el-section --> +<section data-testname="el-section" aria-label="x" data-expectedrole="region" class="ex">x</section> +<section data-testname="el-section-no-name" data-expectedrole="generic" class="ex">x</section> + +<!-- Blocked: HTML-AAM Issue #467 --> +<!-- <select data-testname="el-select-combobox" data-expectedrole="combobox" class="ex"><option>a1</option><option>a2</option></select>--> + +<select data-testname="el-select-listbox" size="2" data-expectedrole="listbox" class="ex"><option>b1</option><option>b2</option></select> + +<!-- slot (not mapped) --> +<small data-testname="el-small" data-expectedrole="generic" class="ex">x</small> +<!-- source (not mapped) --> +<span data-testname="el-span" data-expectedrole="generic" class="ex">x</span> +<strong data-testname="el-strong" data-expectedrole="strong" class="ex">x</strong> +<!-- style (not mapped) --> +<sub data-testname="el-sub" data-expectedrole="subscript" class="ex">x</sub> +<!-- todo: summary --> +<sup data-testname="el-sup" data-expectedrole="superscript" class="ex">x</sup> +<!-- todo: svg (see /graphics-aam and /svg-aam tests) --> +<!-- table -> ./table-roles.html --> +<!-- tbody -> ./table-roles.html --> +<!-- td -> ./table-roles.html --> +<!-- template (not mapped) --> +<!-- tfoot -> ./table-roles.html --> +<!-- th -> ./table-roles.html --> +<!-- thead -> ./table-roles.html --> +<time data-testname="el-time" data-expectedrole="time" class="ex">x</time> +<!-- title (not mapped) --> +<!-- tr -> ./table-roles.html --> +<textarea data-testname="el-textarea" data-expectedrole="textbox" class="ex">x</textarea> +<!-- track (not mapped) --> +<u data-testname="el-u" data-expectedrole="generic" class="ex">x</u> +<ul data-testname="el-ul" data-expectedrole="list" class="ex"><li>x</li><li>x</li></ul> +<!-- var (not mapped) --> +<!-- todo: video --> +<!-- wbr (not mapped) --> + +<script> +AriaUtils.verifyRolesBySelector(".ex"); +</script> + +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html-aam/table-roles.html b/testing/web-platform/tests/html-aam/table-roles.html new file mode 100644 index 0000000000..d7865f5fcc --- /dev/null +++ b/testing/web-platform/tests/html-aam/table-roles.html @@ -0,0 +1,49 @@ +<!doctype html> +<html> +<head> + <title>HTML-AAM Role Verification Tests</title> + <script src="/resources/testharness.js"></script> + <script src="/resources/testharnessreport.js"></script> + <script src="/resources/testdriver.js"></script> + <script src="/resources/testdriver-vendor.js"></script> + <script src="/resources/testdriver-actions.js"></script> + <script src="/wai-aria/scripts/aria-utils.js"></script> +</head> +<body> + +<table data-testname="el-table" data-expectedrole="table" class="ex"> + <caption data-testname="el-caption" data-expectedrole="caption" class="ex">caption</caption> + <thead data-testname="el-thead" data-expectedrole="rowgroup" class="ex"> + <tr data-testname="el-tr-thead" data-expectedrole="row" class="ex"> + <th data-testname="el-th" data-expectedrole="columnheader" class="ex">a</th> + <th>b</th> + <th>c</th> + </tr> + </thead> + <tbody data-testname="el-tbody" data-expectedrole="rowgroup" class="ex"> + <tr data-testname="el-tr-tbody" data-expectedrole="row" class="ex"> + <th data-testname="el-th-in-row" data-expectedrole="rowheader" class="ex">1</th> + <td data-testname="el-td" data-expectedrole="cell" class="ex">2</td> + <td>3</td> + </tr> + <tr> + <th>4</th> + <td>5</td> + <td>6</td> + </tr> + </tbody> + <tfoot data-testname="el-tfoot" data-expectedrole="rowgroup" class="ex"> + <tr> + <th>x</th> + <th>y</th> + <th>z</th> + </tr> + </tfoot> +</table> + +<script> +AriaUtils.verifyRolesBySelector(".ex"); +</script> + +</body> +</html>
\ No newline at end of file |