Index: content/test/data/accessibility/event/expanded-change.html |
diff --git a/content/test/data/accessibility/event/expanded-change.html b/content/test/data/accessibility/event/expanded-change.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..1fd5edca567e7d86978abac97c8e198c7a2e60b6 |
--- /dev/null |
+++ b/content/test/data/accessibility/event/expanded-change.html |
@@ -0,0 +1,31 @@ |
+<!-- |
+@MAC-DENY:AXLayoutComplete* |
+@MAC-DENY:AXLoadComplete* |
+--> |
+<!DOCTYPE html> |
+<html> |
+<body> |
+<a aria-expanded="true" id="title" href="#" on>Toggle</a> |
+<ul id="list"> |
+ <li>ListItem 1</li> |
+ <li>ListItem 2</li> |
+ <li>ListItem 3</li> |
+ <li>ListItem 4</li> |
+</ul> |
+<script> |
+ function toggle(listNode, titleNode) { |
+ var list = document.getElementById(listNode); |
+ if (list.style.visibility != 'hidden') { |
+ list.style.visibility = 'hidden'; |
+ document.getElementById(titleNode).setAttribute('aria-expanded', 'false'); |
+ } else { |
+ list.style.visibility = 'visible'; |
+ document.getElementById(titleNode).setAttribute('aria-expanded', 'true'); |
+ } |
+ } |
+ function go() { |
+ toggle('list', 'title'); |
+ } |
+</script> |
+</body> |
+</html> |