1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/base/tests/chrome/test_prerendered_transforms.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,47 @@
1.4 +<!DOCTYPE HTML>
1.5 +<html>
1.6 +<head>
1.7 + <title>Test that active transformed elements coming into view are prerendered so we don't have to redraw constantly</title>
1.8 + <script type="application/javascript" src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script>
1.9 + <script type="text/javascript" src="chrome://mochikit/content/tests/SimpleTest/paint_listener.js"></script>
1.10 + <link rel="stylesheet" type="text/css" href="chrome://mochikit/content/tests/SimpleTest/test.css"/>
1.11 +</head>
1.12 +<body onload="startTest()">
1.13 +<div>
1.14 +<div id="t" style="position:absolute; left:0; top:500px; -moz-transform: translatex(-100px); width:200px; height:100px; background:yellow;">
1.15 + <div style="text-align:right">Hello</div>
1.16 + <div style="text-align:left">Kitty</div>
1.17 +</div>
1.18 +</div>
1.19 +<pre id="test">
1.20 +<script type="application/javascript">
1.21 +SimpleTest.waitForExplicitFinish();
1.22 +
1.23 +var t = document.getElementById("t");
1.24 +var utils = window.QueryInterface(Components.interfaces.nsIInterfaceRequestor).
1.25 + getInterface(Components.interfaces.nsIDOMWindowUtils);
1.26 +
1.27 +function startTest() {
1.28 + // Do a couple of transform changes to ensure we've triggered activity heuristics
1.29 + waitForAllPaintsFlushed(function () {
1.30 + t.style.MozTransform = "translatex(-75px)";
1.31 + waitForAllPaintsFlushed(function () {
1.32 + t.style.MozTransform = "translatex(-50px)";
1.33 + waitForAllPaintsFlushed(function () {
1.34 + // Clear paint state now and move again.
1.35 + utils.checkAndClearPaintedState(t);
1.36 + // Don't move to 0 since that might trigger some special case that turns off transforms.
1.37 + t.style.MozTransform = "translatex(-1px)";
1.38 + waitForAllPaintsFlushed(function () {
1.39 + var painted = utils.checkAndClearPaintedState(t);
1.40 + is(painted, false, "Transformed element should not have been painted");
1.41 + SimpleTest.finish();
1.42 + });
1.43 + });
1.44 + });
1.45 + });
1.46 +}
1.47 +</script>
1.48 +</pre>
1.49 +</body>
1.50 +</html>
