image/test/mochitest/test_bug490949.html
author Bobby Holley <bobbyholley@gmail.com>
Fri, 30 Dec 2011 09:35:38 -0800
changeset 86019 e1b00c29bf03a01186b1541e4ead4de144592c77
parent 80191 0a5e72d1b479b9f015a407e33e9001e5ad0aa786
child 110846 df3a169e75794fb78d239e4a0819969d61bfba6f
permissions -rw-r--r--
Bug 713747 - Use UniversalXPConnect and UniversalXPConnect only in test coverage. r=bz

<!DOCTYPE HTML>
<html>
<!--
https://bugzilla.mozilla.org/show_bug.cgi?id=490949
-->
<head>
  <title>Test for Bug 490949</title>
  <script type="application/javascript" src="/MochiKit/MochiKit.js"></script>
  <script type="application/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
</head>
<body onload="checkFirst()">
<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=490949">Mozilla Bug 490949</a>
<p id="display"></p>
<div id="content" style="display: none">
<canvas id="canvas" width="100" height="100"> </canvas>
</div>
<pre id="test">
<script type="application/javascript">

SimpleTest.waitForExplicitFinish();

var canvas = document.getElementById('canvas');
var first, second, third;

RemoteCanvas = function() {
    this.url = "bug490949-iframe.html";
};

RemoteCanvas.CANVAS_WIDTH = 100;
RemoteCanvas.CANVAS_HEIGHT = 100;

RemoteCanvas.prototype.load = function(cb) {
    this.cb = cb;

    var windowWidth = window.innerWidth - 25;
    var iframe;
    iframe = document.createElement("iframe");
    iframe.id = "test-iframe";
    iframe.height = "10px";
    iframe.width = windowWidth + "px";
    iframe.style.visibility = "hidden";
    iframe.src = this.url;
    // Here is where the magic happens... add a listener to the
    // frame's onload event - it will call handleEvent
    iframe.addEventListener("load", this, true);
    //append to the end of the page
    window.document.body.appendChild(iframe);
};

RemoteCanvas.prototype.reload = function(cb, force) {
    this.cb = cb;
    window.frames[0].location.reload(force);
}

RemoteCanvas.prototype.handleEvent = function() {
    netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");

    // Look back up the iframe by id
    var ldrFrame = document.getElementById("test-iframe");
    // Get a reference to the window object you need for the canvas
    // drawWindow method
    var remoteWindow = ldrFrame.contentWindow;

    //Draw canvas
    canvas.style.width = RemoteCanvas.CANVAS_WIDTH + "px";
    canvas.style.height = RemoteCanvas.CANVAS_HEIGHT + "px";
    canvas.width = RemoteCanvas.CANVAS_WIDTH;
    canvas.height = RemoteCanvas.CANVAS_HEIGHT;
    var windowWidth = window.innerWidth - 25;
    var windowHeight = window.innerHeight;

    var ctx = canvas.getContext("2d");
    ctx.clearRect(0, 0,
                  RemoteCanvas.CANVAS_WIDTH,
                  RemoteCanvas.CANVAS_HEIGHT);
    ctx.save();
    ctx.scale(RemoteCanvas.CANVAS_WIDTH / windowWidth,
              RemoteCanvas.CANVAS_HEIGHT / windowHeight);
    ctx.drawWindow(remoteWindow,
                   0, 0,
                   windowWidth, windowHeight,
                   "rgb(0,0,0)");
    ctx.restore();
    this.cb();
};

function checkFirst()
{
  first = canvas.toDataURL();
  remoteCanvas.reload(checkForceReload, true);
}

function checkForceReload()
{
  second = canvas.toDataURL();
  ok(first != second, "We got the wrong image.");
  remoteCanvas.reload(checkLazyReload, false);
}

function checkLazyReload()
{
  third = canvas.toDataURL();
  ok(second != third, "We got the wrong image.");
  SimpleTest.finish();
}

var remoteCanvas = new RemoteCanvas();
remoteCanvas.load(checkFirst);

</script>
</pre>
</body>
</html>