image/test/mochitest/test_animSVGImage.html@b8a032363ba2
image/test/mochitest/test_animSVGImage.html
Thu, 22 Jan 2015 13:21:57 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Thu, 22 Jan 2015 13:21:57 +0100
- branch
- TOR_BUG_9701
- changeset 15
- b8a032363ba2
- permissions
- -rw-r--r--
Incorporate requested changes from Mozilla in review:
https://bugzilla.mozilla.org/show_bug.cgi?id=1123480#c6
1 <!DOCTYPE HTML>
2 <html>
3 <!--
4 https://bugzilla.mozilla.org/show_bug.cgi?id=610419
5 -->
6 <head>
7 <title>Test for Bug 610419</title>
8 <script type="application/javascript" src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script>
9 <script type="application/javascript" src="chrome://mochikit/content/tests/SimpleTest/WindowSnapshot.js"></script>
10 <script type="application/javascript" src="imgutils.js"></script>
11 <link rel="stylesheet" type="text/css" href="chrome://mochikit/content/tests/SimpleTest/test.css" />
12 </head>
13 <body>
14 <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=610419">Mozilla Bug 610419</a>
15 <p id="display"></p>
16 <div id="content">
17 <div id="referenceDiv" style="height: 100px; width: 100px;
18 display: none; background: lime"></div>
19 <img>
20 </div>
21 <pre id="test">
22 <script type="application/javascript;version=1.8">
23 /** Test for Bug 610419**/
25 SimpleTest.waitForExplicitFinish();
27 const FAILURE_TIMEOUT = 120000; // Fail early after 120 seconds (2 minutes)
29 const Cc = Components.classes;
30 const Ci = Components.interfaces;
31 const gImg = document.getElementsByTagName("img")[0];
33 var gMyDecoderObserver; // value will be set in main()
34 var gReferenceSnapshot; // value will be set in takeReferenceSnapshot()
35 var gOnStopFrameCounter = 0;
36 var gIsTestFinished = false;
39 function takeReferenceSnapshot() {
40 // Take a snapshot of the initial (essentially blank) page
41 let blankSnapshot = snapshotWindow(window, false);
43 // Show reference div, & take a snapshot
44 let referenceDiv = document.getElementById("referenceDiv");
45 referenceDiv.style.display = "block";
46 gReferenceSnapshot = snapshotWindow(window, false);
47 ok(compareSnapshots(blankSnapshot, gReferenceSnapshot, false)[0],
48 "reference snapshot shouldn't match blank page snapshot");
50 // Re-hide reference div, and take another snapshot to be sure it's gone
51 referenceDiv.style.display = "none";
52 let blankSnapshot2 = snapshotWindow(window, false);
53 ok(compareSnapshots(blankSnapshot, blankSnapshot2, true)[0],
54 "reference div should disappear when it becomes display:none");
55 }
57 function myOnStopFrame() {
58 gOnStopFrameCounter++;
59 ok(true, "myOnStopFrame called");
60 let currentSnapshot = snapshotWindow(window, false);
61 if (compareSnapshots(currentSnapshot, gReferenceSnapshot, true)[0]) {
62 // SUCCESS!
63 ok(true, "Animated image looks correct, " +
64 "at call #" + gOnStopFrameCounter + " to onStopFrame");
65 cleanUpAndFinish();
66 }
67 else
68 setTimeout(myOnStopFrame, 1);
69 }
71 function failTest() {
72 ok(false, "timing out after " + FAILURE_TIMEOUT + "ms. " +
73 "Animated image still doesn't look correct, " +
74 "after call #" + gOnStopFrameCounter + " to onStopFrame");
75 cleanUpAndFinish();
76 }
78 function cleanUpAndFinish() {
79 // On the off chance that failTest and myOnStopFrame are triggered
80 // back-to-back, use a flag to prevent multiple calls to SimpleTest.finish.
81 if (gIsTestFinished) {
82 return;
83 }
84 SimpleTest.finish();
85 gIsTestFinished = true;
86 }
88 function main() {
89 takeReferenceSnapshot();
91 // We want to test the cold loading behavior, so clear cache in case an
92 // earlier test got our image in there already.
93 clearImageCache();
95 setTimeout(myOnStopFrame, 1);
97 // kick off image-loading! myOnStopFrame handles the rest.
98 gImg.setAttribute("src", "lime-anim-100x100.svg");
100 // In case something goes wrong, fail earlier than mochitest timeout,
101 // and with more information.
102 setTimeout(failTest, FAILURE_TIMEOUT);
103 }
105 window.onload = main;
107 </script>
108 </pre>
109 </body>
110 </html>
