Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /html-aam/summary.html - WPT Dashboard Interop Dashboard
<!doctype html>
<html>
<head>
<title>Summary Element - HTML-AAM Contextual-Specific 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>
<h1>Summary Element - HTML-AAM Contextual-Specific Role Verification Tests</h1>
<p>Tests contextual computedrole mappings for <code>summary</code> defined in
<a href="https://html.spec.whatwg.org/multipage/interactive-elements.html#the-summary-element">summary (HTML spec)</a>
<p>
<!--
Per HTML/HTML-AAM, the mapping for <summary> element is:
If the element is the first child of its type within a parent details element: html-summary
Otherwise, if it is not the first child of its type of a parent details element, or it is not a child of a details element: generic role
-->
<summary data-testname="orphan summary has generic role" class="ex-generic">x</summary>
<details>
<ol>
<li>x</li>
<li>x</li>
</ol>
<summary>x</summary>
<summary data-testname="descendant summary of details, that is not the first descendant summary, has generic role" class="ex-generic">x</summary>
</details>
<details>
<div>
<summary data-testname="descendant summary of details with intervening element, has generic role" class="ex-generic">x</summary>
</div>
<p>Other content</p>
</details>
<script>
AriaUtils.verifyGenericRolesBySelector(".ex-generic");
</script>
</body>
</html>