Diff
Modified: trunk/LayoutTests/ChangeLog (89630 => 89631)
--- trunk/LayoutTests/ChangeLog 2011-06-23 22:47:04 UTC (rev 89630)
+++ trunk/LayoutTests/ChangeLog 2011-06-23 23:00:01 UTC (rev 89631)
@@ -1,5 +1,26 @@
2011-06-23 Jessie Berlin <jber...@apple.com>
+ compositing/tiling/huge-layer* flakey
+ https://bugs.webkit.org/show_bug.cgi?id=48454
+
+ These tests have been flaking on multiple platforms, so disable the tests in order to get
+ the bots green.
+
+ * compositing/tiling/huge-layer-add-remove-child.html: Removed.
+ * compositing/tiling/huge-layer-add-remove-child.html-disabled: Copied from LayoutTests/compositing/tiling/huge-layer-add-remove-child.html.
+ * compositing/tiling/huge-layer-img.html: Removed.
+ * compositing/tiling/huge-layer-img.html-disabled: Copied from LayoutTests/compositing/tiling/huge-layer-img.html.
+ * compositing/tiling/huge-layer-resize.html: Removed.
+ * compositing/tiling/huge-layer-resize.html-disabled: Copied from LayoutTests/compositing/tiling/huge-layer-resize.html.
+ * compositing/tiling/huge-layer-with-layer-children-resize.html: Removed.
+ * compositing/tiling/huge-layer-with-layer-children-resize.html-disabled: Copied from LayoutTests/compositing/tiling/huge-layer-with-layer-children-resize.html.
+ * compositing/tiling/huge-layer-with-layer-children.html: Removed.
+ * compositing/tiling/huge-layer-with-layer-children.html-disabled: Copied from LayoutTests/compositing/tiling/huge-layer-with-layer-children.html.
+ * compositing/tiling/huge-layer.html: Removed.
+ * compositing/tiling/huge-layer.html-disabled: Copied from LayoutTests/compositing/tiling/huge-layer.html.
+
+2011-06-23 Jessie Berlin <jber...@apple.com>
+
compositing/iframes/invisible-nested-iframe-show.html failing on SnowLeopard Intel Release
(WebKit2 Tests) since introduction.
https://bugs.webkit.org/show_bug.cgi?id=59864
Deleted: trunk/LayoutTests/compositing/tiling/huge-layer-add-remove-child.html (89630 => 89631)
--- trunk/LayoutTests/compositing/tiling/huge-layer-add-remove-child.html 2011-06-23 22:47:04 UTC (rev 89630)
+++ trunk/LayoutTests/compositing/tiling/huge-layer-add-remove-child.html 2011-06-23 23:00:01 UTC (rev 89631)
@@ -1,88 +0,0 @@
-<!DOCTYPE html>
-<html>
- <head>
- <title>Test of very large layer with added and removed child</title>
-
- <style type="text/css" media="screen">
-
- #container {
- width: 500px;
- height: 5000px;
- border: 1px solid black;
- background-color: yellow;
- -webkit-transform:translateZ(0);
- }
-
- .box {
- position: absolute;
- left:50px;
- width: 200px;
- height: 200px;
- }
-
- .at-the-top {
- top: 400px;
- background-color: red;
- }
-
- </style>
- <script type="text/_javascript_" charset="utf-8">
- if (window.layoutTestController) {
- layoutTestController.dumpAsText();
- layoutTestController.waitUntilDone();
- }
-
- result = "";
-
- function testOnLoad()
- {
- // First with no kids
- window.setTimeout(function() {
- if (window.layoutTestController)
- result = "First (no children):<br>" + layoutTestController.layerTreeAsText();
- }, 0);
-
- // Second add kid
- window.setTimeout(function() {
- var box = document.createElement("div");
- box.className = "box at-the-top";
- document.getElementById('container').appendChild(box);
-
- // Let it render
- window.setTimeout(function() {
- if (window.layoutTestController)
- result += "<br><br>Second (child added):<br>" + layoutTestController.layerTreeAsText();
- }, 0);
- }, 100);
-
- // Third remove kid
- window.setTimeout(function() {
- var container = document.getElementById('container');
- container.removeChild(container.lastChild);
-
- // Let it render
- window.setTimeout(function() {
- if (window.layoutTestController) {
- result += "<br><br>Third (child removed):<br>" + layoutTestController.layerTreeAsText();
- document.getElementById('layers').innerHTML = result;
- layoutTestController.notifyDone();
- }
- }, 0);
- }, 200);
- }
-
- window.addEventListener('load', testOnLoad, false);
- </script>
- </head>
- <body>
- <p>
- The yellow box should be large enough to scroll off the bottom.
- At the start there should be no child. After 100ms a red box is
- added and after 100ms more it should be removed. This tests that
- we can support very large compositing layers with dynamically added
- and removed child compositing layers.
- </p>
- <div id="container"></div>
- <pre id="layers">Layer tree appears here in DRT.</pre>
- </body>
-</html>
Copied: trunk/LayoutTests/compositing/tiling/huge-layer-add-remove-child.html-disabled (from rev 89627, trunk/LayoutTests/compositing/tiling/huge-layer-add-remove-child.html) (0 => 89631)
--- trunk/LayoutTests/compositing/tiling/huge-layer-add-remove-child.html-disabled (rev 0)
+++ trunk/LayoutTests/compositing/tiling/huge-layer-add-remove-child.html-disabled 2011-06-23 23:00:01 UTC (rev 89631)
@@ -0,0 +1,88 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Test of very large layer with added and removed child</title>
+
+ <style type="text/css" media="screen">
+
+ #container {
+ width: 500px;
+ height: 5000px;
+ border: 1px solid black;
+ background-color: yellow;
+ -webkit-transform:translateZ(0);
+ }
+
+ .box {
+ position: absolute;
+ left:50px;
+ width: 200px;
+ height: 200px;
+ }
+
+ .at-the-top {
+ top: 400px;
+ background-color: red;
+ }
+
+ </style>
+ <script type="text/_javascript_" charset="utf-8">
+ if (window.layoutTestController) {
+ layoutTestController.dumpAsText();
+ layoutTestController.waitUntilDone();
+ }
+
+ result = "";
+
+ function testOnLoad()
+ {
+ // First with no kids
+ window.setTimeout(function() {
+ if (window.layoutTestController)
+ result = "First (no children):<br>" + layoutTestController.layerTreeAsText();
+ }, 0);
+
+ // Second add kid
+ window.setTimeout(function() {
+ var box = document.createElement("div");
+ box.className = "box at-the-top";
+ document.getElementById('container').appendChild(box);
+
+ // Let it render
+ window.setTimeout(function() {
+ if (window.layoutTestController)
+ result += "<br><br>Second (child added):<br>" + layoutTestController.layerTreeAsText();
+ }, 0);
+ }, 100);
+
+ // Third remove kid
+ window.setTimeout(function() {
+ var container = document.getElementById('container');
+ container.removeChild(container.lastChild);
+
+ // Let it render
+ window.setTimeout(function() {
+ if (window.layoutTestController) {
+ result += "<br><br>Third (child removed):<br>" + layoutTestController.layerTreeAsText();
+ document.getElementById('layers').innerHTML = result;
+ layoutTestController.notifyDone();
+ }
+ }, 0);
+ }, 200);
+ }
+
+ window.addEventListener('load', testOnLoad, false);
+ </script>
+ </head>
+ <body>
+ <p>
+ The yellow box should be large enough to scroll off the bottom.
+ At the start there should be no child. After 100ms a red box is
+ added and after 100ms more it should be removed. This tests that
+ we can support very large compositing layers with dynamically added
+ and removed child compositing layers.
+ </p>
+ <div id="container"></div>
+ <pre id="layers">Layer tree appears here in DRT.</pre>
+ </body>
+</html>
Deleted: trunk/LayoutTests/compositing/tiling/huge-layer-img.html (89630 => 89631)
--- trunk/LayoutTests/compositing/tiling/huge-layer-img.html 2011-06-23 22:47:04 UTC (rev 89630)
+++ trunk/LayoutTests/compositing/tiling/huge-layer-img.html 2011-06-23 23:00:01 UTC (rev 89631)
@@ -1,55 +0,0 @@
-<!DOCTYPE html>
-<html>
- <head>
- <title>Test of very large image layer</title>
-
- <style type="text/css" media="screen">
- #container {
- width: 500px;
- height: 20000px;
- -webkit-transform:translateZ(0);
- }
- body {
- overflow:hidden;
- }
- </style>
- <script type="text/_javascript_" charset="utf-8">
- if (window.layoutTestController) {
- layoutTestController.dumpAsText(true);
- layoutTestController.waitUntilDone();
- }
-
- function testOnLoad()
- {
- var canvas = document.createElement('canvas');
- var img = document.getElementById("container")
- canvas.width = img.width;
- canvas.height = img.height;
- var context = canvas.getContext('2d');
- context.fillStyle = "yellow";
- context.fillRect(0, 0, canvas.width, canvas.height);
- context.fillStyle = "red";
- context.fillRect(50, 50, 200, 200);
- img.src = ""
-
- window.setTimeout(function() {
- if (window.layoutTestController) {
- document.getElementById('layers').innerHTML = layoutTestController.layerTreeAsText();
- layoutTestController.notifyDone();
- }
- }, 0);
- }
-
- window.addEventListener('load', testOnLoad, false);
- </script>
- </head>
- <body>
- <!--
- The yellow box should be large enough to scroll off the bottom.
- There should be a red box within the yellow box.
- This tests that we can support very large composited image layers.
- -->
- <img id="container">
- <pre id="layers">Layer tree appears here in DRT.</pre>
- </body>
-</html>
Copied: trunk/LayoutTests/compositing/tiling/huge-layer-img.html-disabled (from rev 89627, trunk/LayoutTests/compositing/tiling/huge-layer-img.html) (0 => 89631)
--- trunk/LayoutTests/compositing/tiling/huge-layer-img.html-disabled (rev 0)
+++ trunk/LayoutTests/compositing/tiling/huge-layer-img.html-disabled 2011-06-23 23:00:01 UTC (rev 89631)
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Test of very large image layer</title>
+
+ <style type="text/css" media="screen">
+ #container {
+ width: 500px;
+ height: 20000px;
+ -webkit-transform:translateZ(0);
+ }
+ body {
+ overflow:hidden;
+ }
+ </style>
+ <script type="text/_javascript_" charset="utf-8">
+ if (window.layoutTestController) {
+ layoutTestController.dumpAsText(true);
+ layoutTestController.waitUntilDone();
+ }
+
+ function testOnLoad()
+ {
+ var canvas = document.createElement('canvas');
+ var img = document.getElementById("container")
+ canvas.width = img.width;
+ canvas.height = img.height;
+ var context = canvas.getContext('2d');
+ context.fillStyle = "yellow";
+ context.fillRect(0, 0, canvas.width, canvas.height);
+ context.fillStyle = "red";
+ context.fillRect(50, 50, 200, 200);
+ img.src = ""
+
+ window.setTimeout(function() {
+ if (window.layoutTestController) {
+ document.getElementById('layers').innerHTML = layoutTestController.layerTreeAsText();
+ layoutTestController.notifyDone();
+ }
+ }, 0);
+ }
+
+ window.addEventListener('load', testOnLoad, false);
+ </script>
+ </head>
+ <body>
+ <!--
+ The yellow box should be large enough to scroll off the bottom.
+ There should be a red box within the yellow box.
+ This tests that we can support very large composited image layers.
+ -->
+ <img id="container">
+ <pre id="layers">Layer tree appears here in DRT.</pre>
+ </body>
+</html>
Deleted: trunk/LayoutTests/compositing/tiling/huge-layer-resize.html (89630 => 89631)
--- trunk/LayoutTests/compositing/tiling/huge-layer-resize.html 2011-06-23 22:47:04 UTC (rev 89630)
+++ trunk/LayoutTests/compositing/tiling/huge-layer-resize.html 2011-06-23 23:00:01 UTC (rev 89631)
@@ -1,76 +0,0 @@
-<!DOCTYPE html>
-<html>
- <head>
- <title>Test of very large layer resizing</title>
-
- <style type="text/css" media="screen">
-
- #container {
- width: 500px;
- height: 500px;
- border: 1px solid black;
- background-color: yellow;
- -webkit-transform:translateZ(0);
- }
-
- .box {
- position: absolute;
- left:50px;
- width: 200px;
- height: 200px;
- }
-
- .at-the-top {
- top: 100px;
- background-color: red;
- }
- </style>
- <script type="text/_javascript_" charset="utf-8">
- if (window.layoutTestController)
- layoutTestController.dumpAsText();
-
- function testOnLoad()
- {
- // Small layer first
- var result = recordLayerTree("First (small layer):<br>");
-
- // Huge layer second
- document.getElementById('container').style.height = "5000px";
- result += recordLayerTree("<br><br>Second (huge layer):<br>");
-
- // Small layer third
- document.getElementById('container').style.height = "500px";
- result += recordLayerTree("<br><br>Third (small layer):<br>");
-
- document.getElementById('layers').innerHTML = result;
- }
-
- function recordLayerTree(messagePrefix)
- {
- if (!window.layoutTestController)
- return "";
-
- // Force a layout and a paint to make sure the compositing layers
- // have been updated.
- document.body.offsetLeft;
- layoutTestController.display();
-
- return messagePrefix + layoutTestController.layerTreeAsText();
- }
-
- window.addEventListener('load', testOnLoad, false);
- </script>
- </head>
- <body>
- <p>
- The yellow box should be 500 x 500 on startup. Then it should
- stretch to be 500 x 5000, then shrink back down to 500 x 500.
- This tests that we can resize to a huge layer and back again
- and still maintain integrity of the layer tree.
- </p>
- <div id="container">
- <div class="box at-the-top"></div>
- </div>
- <pre id="layers">Layer tree appears here in DRT.</pre>
- </body>
-</html>
Copied: trunk/LayoutTests/compositing/tiling/huge-layer-resize.html-disabled (from rev 89627, trunk/LayoutTests/compositing/tiling/huge-layer-resize.html) (0 => 89631)
--- trunk/LayoutTests/compositing/tiling/huge-layer-resize.html-disabled (rev 0)
+++ trunk/LayoutTests/compositing/tiling/huge-layer-resize.html-disabled 2011-06-23 23:00:01 UTC (rev 89631)
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Test of very large layer resizing</title>
+
+ <style type="text/css" media="screen">
+
+ #container {
+ width: 500px;
+ height: 500px;
+ border: 1px solid black;
+ background-color: yellow;
+ -webkit-transform:translateZ(0);
+ }
+
+ .box {
+ position: absolute;
+ left:50px;
+ width: 200px;
+ height: 200px;
+ }
+
+ .at-the-top {
+ top: 100px;
+ background-color: red;
+ }
+ </style>
+ <script type="text/_javascript_" charset="utf-8">
+ if (window.layoutTestController)
+ layoutTestController.dumpAsText();
+
+ function testOnLoad()
+ {
+ // Small layer first
+ var result = recordLayerTree("First (small layer):<br>");
+
+ // Huge layer second
+ document.getElementById('container').style.height = "5000px";
+ result += recordLayerTree("<br><br>Second (huge layer):<br>");
+
+ // Small layer third
+ document.getElementById('container').style.height = "500px";
+ result += recordLayerTree("<br><br>Third (small layer):<br>");
+
+ document.getElementById('layers').innerHTML = result;
+ }
+
+ function recordLayerTree(messagePrefix)
+ {
+ if (!window.layoutTestController)
+ return "";
+
+ // Force a layout and a paint to make sure the compositing layers
+ // have been updated.
+ document.body.offsetLeft;
+ layoutTestController.display();
+
+ return messagePrefix + layoutTestController.layerTreeAsText();
+ }
+
+ window.addEventListener('load', testOnLoad, false);
+ </script>
+ </head>
+ <body>
+ <p>
+ The yellow box should be 500 x 500 on startup. Then it should
+ stretch to be 500 x 5000, then shrink back down to 500 x 500.
+ This tests that we can resize to a huge layer and back again
+ and still maintain integrity of the layer tree.
+ </p>
+ <div id="container">
+ <div class="box at-the-top"></div>
+ </div>
+ <pre id="layers">Layer tree appears here in DRT.</pre>
+ </body>
+</html>
Deleted: trunk/LayoutTests/compositing/tiling/huge-layer-with-layer-children-resize.html (89630 => 89631)
--- trunk/LayoutTests/compositing/tiling/huge-layer-with-layer-children-resize.html 2011-06-23 22:47:04 UTC (rev 89630)
+++ trunk/LayoutTests/compositing/tiling/huge-layer-with-layer-children-resize.html 2011-06-23 23:00:01 UTC (rev 89631)
@@ -1,95 +0,0 @@
-<!DOCTYPE html>
-<html>
- <head>
- <title>Test of very large layer resizing with layer children</title>
-
- <style type="text/css" media="screen">
-
- #container {
- width: 500px;
- height: 500px;
- border: 1px solid black;
- background-color: yellow;
- -webkit-transform:translateZ(0);
- }
-
- .box {
- position: absolute;
- left:50px;
- width: 200px;
- height: 200px;
- -webkit-transform:translateZ(0);
- }
-
- .at-the-top {
- top: 100px;
- background-color: red;
- }
-
- .at-the-bottom {
- top:200px;
- left: 275px;
- background-color: blue;
- }
- </style>
- <script type="text/_javascript_" charset="utf-8">
- if (window.layoutTestController) {
- layoutTestController.dumpAsText();
- layoutTestController.waitUntilDone();
- }
-
- result = "";
-
- function testOnLoad()
- {
- // Small layer first
- window.setTimeout(function() {
- if (window.layoutTestController)
- result = "First (small layer):<br>" + layoutTestController.layerTreeAsText();
- }, 0);
-
- // Huge layer second
- window.setTimeout(function() {
- document.getElementById('container').style.height = "5000px";
- document.getElementById('blue-box').style.top = "4700px";
-
- // Let it render
- window.setTimeout(function() {
- if (window.layoutTestController)
- result += "<br><br>Second (huge layer):<br>" + layoutTestController.layerTreeAsText();
- }, 0);
- }, 100);
-
- // Small layer third
- window.setTimeout(function() {
- document.getElementById('container').style.height = "500px";
- document.getElementById('blue-box').style.top = "200px";
-
- // Let it render
- window.setTimeout(function() {
- if (window.layoutTestController) {
- result += "<br><br>Third (small layer):<br>" + layoutTestController.layerTreeAsText();
- document.getElementById('layers').innerHTML = result;
- layoutTestController.notifyDone();
- }
- }, 0);
- }, 200);
- }
-
- window.addEventListener('load', testOnLoad, false);
- </script>
- </head>
- <body>
- <p>
- The yellow box should be 500 x 500 on startup. Then it should
- stretch to be 500 x 5000, then shrink back down to 500 x 500.
- This tests that we can resize to a huge layer and back again
- and still maintain integrity of the layer tree.
- </p>
- <div id="container">
- <div class="box at-the-top"></div>
- <div id="blue-box" class="box at-the-bottom"></div>
- </div>
- <pre id="layers">Layer tree appears here in DRT.</pre>
- </body>
-</html>
Copied: trunk/LayoutTests/compositing/tiling/huge-layer-with-layer-children-resize.html-disabled (from rev 89627, trunk/LayoutTests/compositing/tiling/huge-layer-with-layer-children-resize.html) (0 => 89631)
--- trunk/LayoutTests/compositing/tiling/huge-layer-with-layer-children-resize.html-disabled (rev 0)
+++ trunk/LayoutTests/compositing/tiling/huge-layer-with-layer-children-resize.html-disabled 2011-06-23 23:00:01 UTC (rev 89631)
@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Test of very large layer resizing with layer children</title>
+
+ <style type="text/css" media="screen">
+
+ #container {
+ width: 500px;
+ height: 500px;
+ border: 1px solid black;
+ background-color: yellow;
+ -webkit-transform:translateZ(0);
+ }
+
+ .box {
+ position: absolute;
+ left:50px;
+ width: 200px;
+ height: 200px;
+ -webkit-transform:translateZ(0);
+ }
+
+ .at-the-top {
+ top: 100px;
+ background-color: red;
+ }
+
+ .at-the-bottom {
+ top:200px;
+ left: 275px;
+ background-color: blue;
+ }
+ </style>
+ <script type="text/_javascript_" charset="utf-8">
+ if (window.layoutTestController) {
+ layoutTestController.dumpAsText();
+ layoutTestController.waitUntilDone();
+ }
+
+ result = "";
+
+ function testOnLoad()
+ {
+ // Small layer first
+ window.setTimeout(function() {
+ if (window.layoutTestController)
+ result = "First (small layer):<br>" + layoutTestController.layerTreeAsText();
+ }, 0);
+
+ // Huge layer second
+ window.setTimeout(function() {
+ document.getElementById('container').style.height = "5000px";
+ document.getElementById('blue-box').style.top = "4700px";
+
+ // Let it render
+ window.setTimeout(function() {
+ if (window.layoutTestController)
+ result += "<br><br>Second (huge layer):<br>" + layoutTestController.layerTreeAsText();
+ }, 0);
+ }, 100);
+
+ // Small layer third
+ window.setTimeout(function() {
+ document.getElementById('container').style.height = "500px";
+ document.getElementById('blue-box').style.top = "200px";
+
+ // Let it render
+ window.setTimeout(function() {
+ if (window.layoutTestController) {
+ result += "<br><br>Third (small layer):<br>" + layoutTestController.layerTreeAsText();
+ document.getElementById('layers').innerHTML = result;
+ layoutTestController.notifyDone();
+ }
+ }, 0);
+ }, 200);
+ }
+
+ window.addEventListener('load', testOnLoad, false);
+ </script>
+ </head>
+ <body>
+ <p>
+ The yellow box should be 500 x 500 on startup. Then it should
+ stretch to be 500 x 5000, then shrink back down to 500 x 500.
+ This tests that we can resize to a huge layer and back again
+ and still maintain integrity of the layer tree.
+ </p>
+ <div id="container">
+ <div class="box at-the-top"></div>
+ <div id="blue-box" class="box at-the-bottom"></div>
+ </div>
+ <pre id="layers">Layer tree appears here in DRT.</pre>
+ </body>
+</html>
Deleted: trunk/LayoutTests/compositing/tiling/huge-layer-with-layer-children.html (89630 => 89631)
--- trunk/LayoutTests/compositing/tiling/huge-layer-with-layer-children.html 2011-06-23 22:47:04 UTC (rev 89630)
+++ trunk/LayoutTests/compositing/tiling/huge-layer-with-layer-children.html 2011-06-23 23:00:01 UTC (rev 89631)
@@ -1,70 +0,0 @@
-<!DOCTYPE html>
-<html>
- <head>
- <title>Test of very large layer with layer children</title>
-
- <style type="text/css" media="screen">
-
- #container {
- width: 500px;
- height: 5000px;
- border: 1px solid black;
- background-color: yellow;
- -webkit-transform:translateZ(0);
- }
-
- .box {
- position: absolute;
- left:50px;
- width: 200px;
- height: 200px;
- -webkit-transform:translateZ(0);
- }
-
- .at-the-top {
- top: 100px;
- background-color: red;
- }
-
- .at-the-bottom {
- top:4700px;
- background-color: blue;
- }
- </style>
- <script type="text/_javascript_" charset="utf-8">
- if (window.layoutTestController) {
- layoutTestController.dumpAsText();
- layoutTestController.waitUntilDone();
- }
-
- function testOnLoad()
- {
- // Wait for a layer update and the tiled layer to fill in.
- window.setTimeout(function() {
- window.setTimeout(function() {
- if (window.layoutTestController) {
- document.getElementById('layers').innerHTML = layoutTestController.layerTreeAsText();
- layoutTestController.notifyDone();
- }
- }, 0);
- }, 0);
- }
-
- window.addEventListener('load', testOnLoad, false);
- </script>
- </head>
- <body>
- <p>
- The yellow box should be large enough to scroll off the bottom.
- There should be a red box on the first page and a blue box
- near the bottom of the yellow box. This tests that we can support
- very large compositing layers with child compositing layers.
- </p>
- <div id="container">
- This is some text
- <div class="box at-the-top"></div>
- <div class="box at-the-bottom"></div>
- </div>
- <pre id="layers">Layer tree appears here in DRT.</pre>
- </body>
-</html>
Copied: trunk/LayoutTests/compositing/tiling/huge-layer-with-layer-children.html-disabled (from rev 89627, trunk/LayoutTests/compositing/tiling/huge-layer-with-layer-children.html) (0 => 89631)
--- trunk/LayoutTests/compositing/tiling/huge-layer-with-layer-children.html-disabled (rev 0)
+++ trunk/LayoutTests/compositing/tiling/huge-layer-with-layer-children.html-disabled 2011-06-23 23:00:01 UTC (rev 89631)
@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Test of very large layer with layer children</title>
+
+ <style type="text/css" media="screen">
+
+ #container {
+ width: 500px;
+ height: 5000px;
+ border: 1px solid black;
+ background-color: yellow;
+ -webkit-transform:translateZ(0);
+ }
+
+ .box {
+ position: absolute;
+ left:50px;
+ width: 200px;
+ height: 200px;
+ -webkit-transform:translateZ(0);
+ }
+
+ .at-the-top {
+ top: 100px;
+ background-color: red;
+ }
+
+ .at-the-bottom {
+ top:4700px;
+ background-color: blue;
+ }
+ </style>
+ <script type="text/_javascript_" charset="utf-8">
+ if (window.layoutTestController) {
+ layoutTestController.dumpAsText();
+ layoutTestController.waitUntilDone();
+ }
+
+ function testOnLoad()
+ {
+ // Wait for a layer update and the tiled layer to fill in.
+ window.setTimeout(function() {
+ window.setTimeout(function() {
+ if (window.layoutTestController) {
+ document.getElementById('layers').innerHTML = layoutTestController.layerTreeAsText();
+ layoutTestController.notifyDone();
+ }
+ }, 0);
+ }, 0);
+ }
+
+ window.addEventListener('load', testOnLoad, false);
+ </script>
+ </head>
+ <body>
+ <p>
+ The yellow box should be large enough to scroll off the bottom.
+ There should be a red box on the first page and a blue box
+ near the bottom of the yellow box. This tests that we can support
+ very large compositing layers with child compositing layers.
+ </p>
+ <div id="container">
+ This is some text
+ <div class="box at-the-top"></div>
+ <div class="box at-the-bottom"></div>
+ </div>
+ <pre id="layers">Layer tree appears here in DRT.</pre>
+ </body>
+</html>
Deleted: trunk/LayoutTests/compositing/tiling/huge-layer.html (89630 => 89631)
--- trunk/LayoutTests/compositing/tiling/huge-layer.html 2011-06-23 22:47:04 UTC (rev 89630)
+++ trunk/LayoutTests/compositing/tiling/huge-layer.html 2011-06-23 23:00:01 UTC (rev 89631)
@@ -1,68 +0,0 @@
-<!DOCTYPE html>
-<html>
- <head>
- <title>Test of very large layer</title>
-
- <style type="text/css" media="screen">
-
- #container {
- width: 500px;
- height: 5000px;
- border: 1px solid black;
- background-color: yellow;
- -webkit-transform:translateZ(0);
- }
-
- .box {
- position: absolute;
- left:50px;
- width: 200px;
- height: 200px;
- }
-
- .at-the-top {
- top: 100px;
- background-color: red;
- }
-
- .at-the-bottom {
- top:4700px;
- background-color: blue;
- }
- </style>
- <script type="text/_javascript_" charset="utf-8">
- if (window.layoutTestController) {
- layoutTestController.dumpAsText();
- layoutTestController.waitUntilDone();
- }
-
- function testOnLoad()
- {
- // Wait for a layer update and the tiled layer to fill in.
- window.setTimeout(function() {
- window.setTimeout(function() {
- if (window.layoutTestController) {
- document.getElementById('layers').innerHTML = layoutTestController.layerTreeAsText();
- layoutTestController.notifyDone();
- }
- }, 0);
- }, 0);
- }
-
- window.addEventListener('load', testOnLoad, false);
- </script>
- </head>
- <body>
- <p>
- The yellow box should be large enough to scroll off the bottom.
- There should be a red box on the first page and a blue box
- near the bottom of the yellow box. This tests that we can support
- very large compositing layers.
- </p>
- <div id="container">
- <div class="box at-the-top"></div>
- <div class="box at-the-bottom"></div>
- </div>
- <pre id="layers">Layer tree appears here in DRT.</pre>
- </body>
-</html>
Copied: trunk/LayoutTests/compositing/tiling/huge-layer.html-disabled (from rev 89627, trunk/LayoutTests/compositing/tiling/huge-layer.html) (0 => 89631)
--- trunk/LayoutTests/compositing/tiling/huge-layer.html-disabled (rev 0)
+++ trunk/LayoutTests/compositing/tiling/huge-layer.html-disabled 2011-06-23 23:00:01 UTC (rev 89631)
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Test of very large layer</title>
+
+ <style type="text/css" media="screen">
+
+ #container {
+ width: 500px;
+ height: 5000px;
+ border: 1px solid black;
+ background-color: yellow;
+ -webkit-transform:translateZ(0);
+ }
+
+ .box {
+ position: absolute;
+ left:50px;
+ width: 200px;
+ height: 200px;
+ }
+
+ .at-the-top {
+ top: 100px;
+ background-color: red;
+ }
+
+ .at-the-bottom {
+ top:4700px;
+ background-color: blue;
+ }
+ </style>
+ <script type="text/_javascript_" charset="utf-8">
+ if (window.layoutTestController) {
+ layoutTestController.dumpAsText();
+ layoutTestController.waitUntilDone();
+ }
+
+ function testOnLoad()
+ {
+ // Wait for a layer update and the tiled layer to fill in.
+ window.setTimeout(function() {
+ window.setTimeout(function() {
+ if (window.layoutTestController) {
+ document.getElementById('layers').innerHTML = layoutTestController.layerTreeAsText();
+ layoutTestController.notifyDone();
+ }
+ }, 0);
+ }, 0);
+ }
+
+ window.addEventListener('load', testOnLoad, false);
+ </script>
+ </head>
+ <body>
+ <p>
+ The yellow box should be large enough to scroll off the bottom.
+ There should be a red box on the first page and a blue box
+ near the bottom of the yellow box. This tests that we can support
+ very large compositing layers.
+ </p>
+ <div id="container">
+ <div class="box at-the-top"></div>
+ <div class="box at-the-bottom"></div>
+ </div>
+ <pre id="layers">Layer tree appears here in DRT.</pre>
+ </body>
+</html>
