55 lines
1.8 KiB
HTML
55 lines
1.8 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
|
|
<html>
|
|
<head>
|
|
<script src="../../resources/js-test-pre.js"></script>
|
|
</head>
|
|
<body id="body">
|
|
|
|
<details open id="details1">
|
|
<summary id="summary1"><p id="s1">Summary1</p></summary>
|
|
<p id="d1">Detail1</p>
|
|
<a href="" id="link">link</a>
|
|
</details>
|
|
|
|
<details id="details2">
|
|
<summary><p id="s2">Summary2</p></summary>
|
|
<p>Detail2</p>
|
|
</details>
|
|
|
|
<p id="description"></p>
|
|
<div id="console"></div>
|
|
|
|
<script>
|
|
|
|
description("This tests the details element on iOS.");
|
|
|
|
var callbackCount = 0;
|
|
if (window.accessibilityController) {
|
|
|
|
// Test that we are getting the expanded status for the summary text, but not for the details children.
|
|
var summary1 = accessibilityController.accessibleElementById("s1");
|
|
var detail1 = accessibilityController.accessibleElementById("d1");
|
|
var summary2 = accessibilityController.accessibleElementById("s2");
|
|
var link = accessibilityController.accessibleElementById("link");
|
|
|
|
shouldBeTrue("summary1.isExpanded");
|
|
shouldBeFalse("detail1.isExpanded");
|
|
shouldBeFalse("summary2.isExpanded");
|
|
|
|
// Test that VO focus onto the details children won't set focus to the summary/details element or its children.
|
|
summary1.assistiveTechnologySimulatedFocus();
|
|
shouldBeFalse("document.getElementById('summary1') === document.activeElement");
|
|
|
|
detail1.assistiveTechnologySimulatedFocus();
|
|
shouldBeFalse("document.getElementById('details1') === document.activeElement");
|
|
|
|
link.assistiveTechnologySimulatedFocus();
|
|
shouldBeFalse("document.getElementById('link') === document.activeElement");
|
|
}
|
|
|
|
</script>
|
|
|
|
<script src="../../resources/js-test-post.js"></script>
|
|
</body>
|
|
</html>
|