7 files changed, 54 insertions, 0 deletions
diff --git a/image/test/reftest/apng/bug411852-1-ref.png b/image/test/reftest/apng/bug411852-1-ref.png
new file mode 100644
index 000000000..04b862a1d
--- /dev/null
+++ b/image/test/reftest/apng/bug411852-1-ref.png
diff --git a/image/test/reftest/apng/bug411852-1.png b/image/test/reftest/apng/bug411852-1.png
new file mode 100644
index 000000000..643f87e17
--- /dev/null
+++ b/image/test/reftest/apng/bug411852-1.png
diff --git a/image/test/reftest/apng/bug546272-ref.png b/image/test/reftest/apng/bug546272-ref.png
new file mode 100644
index 000000000..85dfd8ccf
--- /dev/null
+++ b/image/test/reftest/apng/bug546272-ref.png
diff --git a/image/test/reftest/apng/bug546272.png b/image/test/reftest/apng/bug546272.png
new file mode 100644
index 000000000..5232d7f8f
--- /dev/null
+++ b/image/test/reftest/apng/bug546272.png
diff --git a/image/test/reftest/apng/delaytest.html b/image/test/reftest/apng/delaytest.html
new file mode 100644
index 000000000..af3937a57
--- /dev/null
+++ b/image/test/reftest/apng/delaytest.html
@@ -0,0 +1,41 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<head>
+<title>Delayed image reftest wrapper</title>
+</head>
+<body>
+<img id="image1">
+<script>
+// 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;
+
+function forceDecode() {
+
+  // We need to force drawing of the image in an invisible context
+  var canvas = document.createElement("canvas");
+  var ctx = canvas.getContext("2d");
+  ctx.drawImage(img, 0, 0);
+
+  // We've force the decode. start the timer to trigger the reftest
+  startTimer();
+}
+
+function startTimer() {
+  const delay = 100;
+  setTimeout("document.documentElement.className = '';", delay);
+}
+</script>
+</body>
+</html>
diff --git a/image/test/reftest/apng/reftest-stylo.list b/image/test/reftest/apng/reftest-stylo.list
new file mode 100644
index 000000000..229de2161
--- /dev/null
+++ b/image/test/reftest/apng/reftest-stylo.list
@@ -0,0 +1,7 @@
+# DO NOT EDIT! This is a auto-generated temporary list for Stylo testing
+# APNG tests 
+#
+# delaytest.html delays the reftest snapshot to allow time for the
+# animation to complete.
+random == delaytest.html?bug411852-1.png delaytest.html?bug411852-1.png
+random == delaytest.html?bug546272.png delaytest.html?bug546272.png
diff --git a/image/test/reftest/apng/reftest.list b/image/test/reftest/apng/reftest.list
new file mode 100644
index 000000000..eb1c02462
--- /dev/null
+++ b/image/test/reftest/apng/reftest.list
@@ -0,0 +1,6 @@
+# APNG tests 
+#
+# delaytest.html delays the reftest snapshot to allow time for the
+# animation to complete.
+random == delaytest.html?bug411852-1.png bug411852-1-ref.png
+random == delaytest.html?bug546272.png bug546272-ref.png