The Tor Browser: image/test/mochitest/test

     1 <!DOCTYPE HTML>

     2 <html>

     3 <!--

     4 https://bugzilla.mozilla.org/show_bug.cgi?id=496292

     5 -->

     6 <head>

     7   <title>Test for Bug 496292</title>

     8   <script type="application/javascript" src="/MochiKit/MochiKit.js"></script>

     9   <script type="application/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>

    10   <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>

    11 </head>

    12 <body>

    13 <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=496292">Mozilla Bug 496292</a>

    14 <p id="display"></p>

    15 <div id="content" style="display: none">

    16 <canvas id="canvas" width="100" height="100"> </canvas>

    17 </div>

    18 <pre id="test">

    19 <script type="application/javascript">

    21 SimpleTest.waitForExplicitFinish();

    23 var canvas = document.getElementById('canvas');

    24 var first, second, third, ref;

    26 RemoteCanvas = function(url) {

    27     this.url = url;

    28 };

    30 RemoteCanvas.CANVAS_WIDTH = 100;

    31 RemoteCanvas.CANVAS_HEIGHT = 100;

    33 RemoteCanvas.prototype.load = function(cb) {

    34     this.cb = cb;

    36     var windowWidth = window.innerWidth - 25;

    37     var iframe;

    38     iframe = document.createElement("iframe");

    39     iframe.id = "test-iframe-" + this.url;

    40     iframe.height = "10px";

    41     iframe.width = windowWidth + "px";

    42     iframe.style.visibility = "hidden";

    43     iframe.src = this.url;

    44     // Here is where the magic happens... add a listener to the

    45     // frame's onload event - it will call handleEvent

    46     iframe.addEventListener("load", this, true);

    47     //append to the end of the page

    48     window.document.body.appendChild(iframe);

    49 };

    51 RemoteCanvas.prototype.reload = function(cb, force) {

    52     this.cb = cb;

    53     window.frames[0].location.reload(force);

    54 }

    56 RemoteCanvas.prototype.handleEvent = function() {

    57     // Look back up the iframe by id

    58     var ldrFrame = document.getElementById("test-iframe-" + this.url);

    59     // Get a reference to the window object you need for the canvas

    60     // SpecialPowers.snapshotRect method

    61     var remoteWindow = ldrFrame.contentWindow;

    63     //Draw canvas

    64     canvas.style.width = RemoteCanvas.CANVAS_WIDTH + "px";

    65     canvas.style.height = RemoteCanvas.CANVAS_HEIGHT + "px";

    66     canvas.width = RemoteCanvas.CANVAS_WIDTH;

    67     canvas.height = RemoteCanvas.CANVAS_HEIGHT;

    68     var windowWidth = window.innerWidth - 25;

    69     var windowHeight = window.innerHeight;

    71     var rect = { left: 0, top: 0, width: windowWidth, height: windowHeight };

    72     var snapshot = SpecialPowers.snapshotRect(remoteWindow, rect, "rgb(0,0,0)");

    74     var ctx = canvas.getContext("2d");

    75     ctx.clearRect(0, 0,

    76                   RemoteCanvas.CANVAS_WIDTH,

    77                   RemoteCanvas.CANVAS_HEIGHT);

    78     ctx.save();

    79     ctx.scale(RemoteCanvas.CANVAS_WIDTH / windowWidth,

    80               RemoteCanvas.CANVAS_HEIGHT / windowHeight);

    81     ctx.drawImage(snapshot, 0, 0);

    82     ctx.restore();

    83     this.cb();

    84 };

    86 function loadFirst()

    87 {

    88   ref = canvas.toDataURL();

    90   var remoteCanvas = new RemoteCanvas("bug496292-iframe-1.html");

    91   remoteCanvas.load(checkFirst);

    92 }

    94 function checkFirst()

    95 {

    96   first = canvas.toDataURL();

    97   is(first, ref, "The default Accept header used by image loader is correct");

    99   SpecialPowers.setCharPref("image.http.accept", "image/png");

   101   var remoteCanvas = new RemoteCanvas("bug496292-iframe-2.html");

   102   remoteCanvas.load(checkSecond);

   103 }

   105 function checkSecond()

   106 {

   107   second = canvas.toDataURL();

   108   is(second, ref, "The modified Accept header used by image loader is correct");

   110   try {

   111     SpecialPowers.clearUserPref("image.http.accept");

   112   } catch (ex) { }

   114   var remoteCanvas = new RemoteCanvas("bug496292-iframe-1.html");

   115   remoteCanvas.load(checkThird);

   116 }

   118 function checkThird() {

   119   third = canvas.toDataURL();

   120   is(third, ref, "The Accept header used by image loader should be correctly reset");

   122   SimpleTest.finish();

   123 }

   125 var refCanvas = new RemoteCanvas("bug496292-iframe-ref.html");

   126 refCanvas.load(loadFirst);

   128 </script>

   129 </pre>

   130 </body>

   131 </html>

The Tor Browser / file revision