summaryrefslogtreecommitdiffstats
path: root/image/test/reftest/apng/delaytest.html
diff options
context:
space:
mode:
Diffstat (limited to 'image/test/reftest/apng/delaytest.html')
-rw-r--r--image/test/reftest/apng/delaytest.html58
1 files changed, 58 insertions, 0 deletions
diff --git a/image/test/reftest/apng/delaytest.html b/image/test/reftest/apng/delaytest.html
new file mode 100644
index 0000000000..ee79254a2b
--- /dev/null
+++ b/image/test/reftest/apng/delaytest.html
@@ -0,0 +1,58 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<head>
+<title>Delayed image reftest wrapper</title>
+</head>
+<body>
+<!-- non-empty alt to avoid the broken image icon -->
+<img id="image1" alt=" ">
+<script>
+
+window.addEventListener("MozReftestInvalidate", reftestInvalidateListener);
+
+// This loads a externally specified image, forces a draw (in case of
+// decode-on-draw), waits 100ms, and then triggers the reftest snapshot.
+// This allows the animation on the page to complete.
+//
+// Use as "delaytest.html?animation.png"
+//
+
+// Get the image URL from our URL
+var imgURL = document.location.search.substr(1);
+
+// Load the image
+var img = document.images[0];
+img.src = imgURL;
+img.onload = forceDecode;
+
+let decodeComplete = false;
+let gotReftestInvalidate = false;
+
+function forceDecode() {
+ img.decode().then(function() {
+ decodeComplete = true;
+ maybeStartTimer();
+ }, function() {
+ decodeComplete = true;
+ maybeStartTimer();
+ });
+}
+
+function reftestInvalidateListener() {
+ gotReftestInvalidate = true;
+ maybeStartTimer();
+}
+
+function maybeStartTimer() {
+ if (decodeComplete && gotReftestInvalidate) {
+ startTimer();
+ }
+}
+
+function startTimer() {
+ const delay = 100;
+ setTimeout("document.documentElement.className = '';", delay);
+}
+</script>
+</body>
+</html>