ladybird/Tests/LibWeb/Text/input/wpt-import/html-aam/table-roles.html
sideshowbarker e49fe384d1 LibWeb: Align default “th” and “td” roles with HTML-AAM spec and tests
This change aligns the default roles for “th” and “td” elements with the
requirements in the HTML-AAM spec, and with the corresponding WPT tests
at https://wpt.fyi/results/html-aam/table-roles.html, and with the
behavior in other engines.

Otherwise, without this change, the default role values for “th” and
“td” elements in some cases don’t match the behavior in other engines,
and don’t match the expected results for the corresponding WPT tests.
2024-12-11 16:55:07 -07:00

53 lines
No EOL
1.6 KiB
HTML

<!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>
<p>Tests the computedrole mappings for the table-related roles defined in <a href="https://w3c.github.io/html-aam/">HTML-AAM</a>. Most test names correspond to unique ID defined in the spec.<p>
<!-- ARIA table roles tested in wpt/wai-aria/role/table-roles.html -->
<table data-testname="el-table" data-expectedrole="table" class="ex">
<caption data-testname="el-caption" data-expectedrole="caption" class="ex">caption</caption>
<thead>
<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>
<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>
<tr>
<th>x</th>
<th>y</th>
<th>z</th>
</tr>
</tfoot>
</table>
<script>
AriaUtils.verifyRolesBySelector(".ex");
</script>
</body>
</html>