1 files changed, 46 insertions, 0 deletions
diff --git a/layout/base/tests/chrome/test_prerendered_transforms.html b/layout/base/tests/chrome/test_prerendered_transforms.html
new file mode 100644
index 0000000000..d8b8c8bcfd
--- /dev/null
+++ b/layout/base/tests/chrome/test_prerendered_transforms.html
@@ -0,0 +1,46 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <title>Test that active transformed elements coming into view are prerendered so we don't have to redraw constantly</title>
+  <script src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script>
+  <script src="chrome://mochikit/content/tests/SimpleTest/paint_listener.js"></script>
+  <link rel="stylesheet" type="text/css" href="chrome://mochikit/content/tests/SimpleTest/test.css"/>
+</head>
+<body onload="startTest()">
+<div>
+<div id="t" style="position:absolute; left:0; top:500px; transform: translatex(-100px); width:200px; height:100px; background:yellow;">
+  <div style="text-align:right">Hello</div>
+  <div style="text-align:left">Kitty</div>
+</div>
+</div>
+<pre id="test">
+<script type="application/javascript">
+SimpleTest.waitForExplicitFinish();
+
+var t = document.getElementById("t");
+var utils = window.windowUtils;
+
+function startTest() {
+  // Do a couple of transform changes to ensure we've triggered activity heuristics
+  waitForAllPaintsFlushed(function () {
+    t.style.transform = "translatex(-75px)";
+    waitForAllPaintsFlushed(function () {
+      t.style.transform = "translatex(-50px)";
+      waitForAllPaintsFlushed(function () {
+        // Clear paint state now and move again.
+        utils.checkAndClearPaintedState(t);
+        // Don't move to 0 since that might trigger some special case that turns off transforms.
+        t.style.transform = "translatex(-1px)";
+        waitForAllPaintsFlushed(function () {
+          var painted = utils.checkAndClearPaintedState(t);
+          is(painted, false, "Transformed element should not have been painted");
+          SimpleTest.finish();
+        });
+      });
+    });
+  });
+}
+</script>
+</pre>
+</body>
+</html>