| Index: LayoutTests/accessibility/name-calc-summary.html
|
| diff --git a/LayoutTests/accessibility/name-calc-summary.html b/LayoutTests/accessibility/name-calc-summary.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..f564b657432ac25702fb8f1d414cb3f462776c82
|
| --- /dev/null
|
| +++ b/LayoutTests/accessibility/name-calc-summary.html
|
| @@ -0,0 +1,91 @@
|
| +<!DOCTYPE HTML>
|
| +<script src="../resources/testharness.js"></script>
|
| +<script src="../resources/testharnessreport.js"></script>
|
| +
|
| +<style>
|
| +.hideAllContainers .container {
|
| + display: none;
|
| +}
|
| +</style>
|
| +
|
| +<div class="container">
|
| + <details id="details1">
|
| + <p>details1-content</p>
|
| + </details>
|
| +</div>
|
| +
|
| +<script>
|
| +test(function(t) {
|
| + var axDetails1 = accessibilityController.accessibleElementById("details1");
|
| + var axSummary1 = axDetails1.childAtIndex(0);
|
| + assert_equals(axSummary1.role, "AXRole: AXDisclosureTriangle");
|
| + assert_equals(axSummary1.name, "Details");
|
| + assert_equals(axSummary1.nameFrom, "contents");
|
| +}, "Details element with no summary");
|
| +</script>
|
| +
|
| +<div class="container">
|
| + <details id="details2">
|
| + <summary id="summary2" title="summary2-title"></summary>
|
| + <p>details2-content</p>
|
| + </details>
|
| +</div>
|
| +
|
| +<script>
|
| +test(function(t) {
|
| + var axSummary2 = accessibilityController.accessibleElementById("summary2");
|
| + assert_equals(axSummary2.name, "summary2-title");
|
| + assert_equals(axSummary2.nameFrom, "attribute");
|
| +}, "Summary with title and no contents");
|
| +</script>
|
| +
|
| +<div class="container">
|
| + <details id="details3">
|
| + <summary id="summary3" title="summary3-title">summary3-contents</summary>
|
| + <p>details3-content</p>
|
| + </details>
|
| +</div>
|
| +
|
| +<script>
|
| +test(function(t) {
|
| + var axSummary3 = accessibilityController.accessibleElementById("summary3");
|
| + assert_equals(axSummary3.name, "summary3-contents");
|
| + assert_equals(axSummary3.nameFrom, "contents");
|
| +}, "Summary with title and no contents");
|
| +</script>
|
| +
|
| +<div class="container">
|
| + <details id="details4">
|
| + <summary id="summary4" title="summary4-title" aria-label="summary4-aria-label">summary4-contents</summary>
|
| + <p>details4-content</p>
|
| + </details>
|
| +</div>
|
| +
|
| +<script>
|
| +test(function(t) {
|
| + var axSummary4 = accessibilityController.accessibleElementById("summary4");
|
| + assert_equals(axSummary4.name, "summary4-aria-label");
|
| + assert_equals(axSummary4.nameFrom, "attribute");
|
| +}, "Summary with title and no contents");
|
| +</script>
|
| +
|
| +<div class="container">
|
| + <details id="details5">
|
| + <summary id="summary5" title="summary5-title" aria-label="summary5-aria-label" aria-labelledby="labelledby5">summary5-contents</summary>
|
| + <p>details5-content</p>
|
| + </details>
|
| + <span hidden="true" id="labelledby5">summary5-aria-labelledby</span>
|
| +</div>
|
| +
|
| +<script>
|
| +test(function(t) {
|
| + var axSummary5 = accessibilityController.accessibleElementById("summary5");
|
| + assert_equals(axSummary5.name, "summary5-aria-labelledby");
|
| + assert_equals(axSummary5.nameFrom, "relatedElement");
|
| +}, "Summary with title and no contents");
|
| +</script>
|
| +
|
| +<script>
|
| +if (window.testRunner)
|
| + document.body.className = "hideAllContainers";
|
| +</script>
|
|
|