summaryrefslogtreecommitdiffstats
path: root/image/test/reftest/gif/test_bug641198.html
diff options
context:
space:
mode:
Diffstat (limited to 'image/test/reftest/gif/test_bug641198.html')
-rw-r--r--image/test/reftest/gif/test_bug641198.html53
1 files changed, 53 insertions, 0 deletions
diff --git a/image/test/reftest/gif/test_bug641198.html b/image/test/reftest/gif/test_bug641198.html
new file mode 100644
index 000000000..46bdb0d47
--- /dev/null
+++ b/image/test/reftest/gif/test_bug641198.html
@@ -0,0 +1,53 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<head>
+<title>Test for bug 641198</title>
+<link rel="stylesheet" href="ImageDocument.css">
+<style type="text/css" media=screen>
+ a.animated1 {
+ display: block;
+ width: 40px;
+ height: 40px;
+ background: url("animation1a.gif") no-repeat 0 0;
+ }
+
+ a.animated1 span {
+ position: absolute;
+ top: -999em;
+ }
+
+ a.animated2 {
+ display: block;
+ width: 40px;
+ height: 40px;
+ background: url("animation2a.gif") no-repeat 0 0;
+ }
+
+ a.animated2 span {
+ position: absolute;
+ top: -999em;
+ }
+</style>
+</head>
+<body onload="doTimeout()">
+
+<a id="animated" href="#" title="Animated"><span>Animated</span></a>
+
+<script>
+// We check whether changing the class will lead to the animation being
+// run from the beginning, even if the animation was already shown
+// before.
+var counter = 0;
+function doTimeout() {
+ if (counter == 4) {
+ document.documentElement.className = '';
+ } else {
+ document.getElementById("animated").setAttribute("class", "animated" + ((counter % 2)+1));
+ setTimeout(doTimeout, counter == 3 ? 500 : 250); // Wait a bit more for the last one, to prevent oranges
+ }
+ counter++;
+}
+</script>
+</body>
+</html>
+