2009-05-11 12:15:42 -07:00
|
|
|
<!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>
|
2012-09-06 22:29:47 -07:00
|
|
|
<body>
|
2009-05-11 12:15:42 -07:00
|
|
|
<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() {
|
|
|
|
|
// Look back up the iframe by id
|
|
|
|
|
var ldrFrame = document.getElementById("test-iframe");
|
2012-09-06 22:29:47 -07:00
|
|
|
// Get a reference to the window object you need for the
|
|
|
|
|
// SpecialPowers.snapshotRect method
|
2009-05-11 12:15:42 -07:00
|
|
|
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;
|
|
|
|
|
|
2012-09-06 22:29:47 -07:00
|
|
|
var rect = { left: 0, top: 0, width: windowWidth, height: windowHeight };
|
|
|
|
|
var snapshot = SpecialPowers.snapshotRect(remoteWindow, rect, "rgb(0,0,0)");
|
|
|
|
|
|
2009-05-11 12:15:42 -07:00
|
|
|
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);
|
2012-09-06 22:29:47 -07:00
|
|
|
ctx.drawImage(snapshot, 0, 0);
|
2009-05-11 12:15:42 -07:00
|
|
|
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>
|
