Index: content/test/data/accessibility/transition.html |
diff --git a/content/test/data/accessibility/transition.html b/content/test/data/accessibility/transition.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..df42c6aff0333a59c95b1a741537803bc702b934 |
--- /dev/null |
+++ b/content/test/data/accessibility/transition.html |
@@ -0,0 +1,58 @@ |
+<!doctype html> |
+<!-- |
+This tests that location changes are sent when an element animates |
+using CSS transitions. The test animates the size of a button when |
+focused, then adds the magic text "Done" to the document when |
+the transition finishes. The WAIT-FOR directive below instructs |
+the test framework to keep waiting for accessibility events and |
+not diff the dump against the expectations until the text "Done" |
+appears in the dump. |
+ |
+@MAC-ALLOW:size=(400, 200) |
+@MAC-ALLOW:size=(600, 300) |
+@WIN-ALLOW:size=(400, 200) |
+@WIN-ALLOW:size=(600, 300) |
+@WAIT-FOR:Done |
+--> |
+<html> |
+<head> |
+<style> |
+body { |
+ width: 800px; |
+ height: 600px; |
+ margin: 0; |
+ padding: 0; |
+ border: 0; |
+ overflow: hidden; |
+} |
+#growbutton { |
+ width: 400px; |
+ height: 200px; |
+ margin: 0; |
+ padding: 0; |
+} |
+#growbutton:focus { |
+ width: 600px; |
+ height: 300px; |
+ transition: all 0.1s ease-in-out; |
+} |
+</style> |
+</head> |
+<body> |
+ |
+<button id="growbutton">GrowButton</button> |
+ |
+<script> |
+ var growButton = document.getElementById('growbutton'); |
+ var done = false; |
+ growButton.addEventListener('webkitTransitionEnd', function() { |
+ if (!done) { |
+ document.body.appendChild(document.createTextNode('Done')); |
+ done = true; |
+ } |
+ }, false); |
+ growButton.focus(); |
+</script> |
+ |
+</body> |
+</html> |