summaryrefslogtreecommitdiffstats
path: root/Source/WebCore/manual-tests/compositing
diff options
context:
space:
mode:
authorSteve Block <steveblock@google.com>2011-05-06 11:45:16 +0100
committerSteve Block <steveblock@google.com>2011-05-12 13:44:10 +0100
commitcad810f21b803229eb11403f9209855525a25d57 (patch)
tree29a6fd0279be608e0fe9ffe9841f722f0f4e4269 /Source/WebCore/manual-tests/compositing
parent121b0cf4517156d0ac5111caf9830c51b69bae8f (diff)
downloadexternal_webkit-cad810f21b803229eb11403f9209855525a25d57.zip
external_webkit-cad810f21b803229eb11403f9209855525a25d57.tar.gz
external_webkit-cad810f21b803229eb11403f9209855525a25d57.tar.bz2
Merge WebKit at r75315: Initial merge by git.
Change-Id: I570314b346ce101c935ed22a626b48c2af266b84
Diffstat (limited to 'Source/WebCore/manual-tests/compositing')
-rw-r--r--Source/WebCore/manual-tests/compositing/accel-comp-iframe-tab-repaint.html15
-rw-r--r--Source/WebCore/manual-tests/compositing/assert-on-tab-switch.html20
-rw-r--r--Source/WebCore/manual-tests/compositing/caret-in-compositing-frame.html7
-rw-r--r--Source/WebCore/manual-tests/compositing/font-smoothing.html34
-rw-r--r--Source/WebCore/manual-tests/compositing/missing-iframe-contents.html33
-rw-r--r--Source/WebCore/manual-tests/compositing/resources/composited-subframe.html28
-rw-r--r--Source/WebCore/manual-tests/compositing/resources/editable-compositing-subframe.html9
-rw-r--r--Source/WebCore/manual-tests/compositing/resources/flash-frame.html3
-rw-r--r--Source/WebCore/manual-tests/compositing/resources/tab-repaint-part-2.html18
-rw-r--r--Source/WebCore/manual-tests/compositing/show-composited-iframe-on-back-button.html76
10 files changed, 243 insertions, 0 deletions
diff --git a/Source/WebCore/manual-tests/compositing/accel-comp-iframe-tab-repaint.html b/Source/WebCore/manual-tests/compositing/accel-comp-iframe-tab-repaint.html
new file mode 100644
index 0000000..35c9c34
--- /dev/null
+++ b/Source/WebCore/manual-tests/compositing/accel-comp-iframe-tab-repaint.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<title>Accelerated compositing tab repaint bug</title>
+<style>
+body {
+ background-color: yellow;
+}
+</style>
+<h1>Accelerated compositing tab repaint bug</h1>
+<p>This test case checks for a repaint bug resulting from accelerated
+compositing of iframes on Mac. Follow these steps:</p>
+<ol>
+<li>Open <a href="resources/tab-repaint-part-2.html">this link</a> in a new tab.</li>
+<li>Close this tab.</li>
+<li>The new page should be blue.</li>
+</ol>
diff --git a/Source/WebCore/manual-tests/compositing/assert-on-tab-switch.html b/Source/WebCore/manual-tests/compositing/assert-on-tab-switch.html
new file mode 100644
index 0000000..5b82c49
--- /dev/null
+++ b/Source/WebCore/manual-tests/compositing/assert-on-tab-switch.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+
+<html>
+<head>
+ <style type="text/css" media="screen">
+ .box {
+ width: 100px;
+ height: 100px;
+ background-color: blue;
+ -webkit-transform: translateZ(0);
+ }
+
+ </style>
+</head>
+<body>
+ <div class="box"></div>
+ <p><a href="https://bugs.webkit.org/show_bug.cgi?id=43167">https://bugs.webkit.org/show_bug.cgi?id=43167</a><br>
+ You should not hit an assertion if you load this file in a tab, then switch back and forth between other tabs.</p>
+</body>
+</html>
diff --git a/Source/WebCore/manual-tests/compositing/caret-in-compositing-frame.html b/Source/WebCore/manual-tests/compositing/caret-in-compositing-frame.html
new file mode 100644
index 0000000..703f3b2
--- /dev/null
+++ b/Source/WebCore/manual-tests/compositing/caret-in-compositing-frame.html
@@ -0,0 +1,7 @@
+<style type="text/css" media="screen">
+ iframe {
+ border: 1px solid black;
+ width: 400px;
+ }
+</style>
+<iframe src="resources/editable-compositing-subframe.html" scrolling="no"></iframe>
diff --git a/Source/WebCore/manual-tests/compositing/font-smoothing.html b/Source/WebCore/manual-tests/compositing/font-smoothing.html
new file mode 100644
index 0000000..fce444e
--- /dev/null
+++ b/Source/WebCore/manual-tests/compositing/font-smoothing.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+
+<html>
+ <style type="text/css" media="screen">
+ div {
+ margin: 20px;
+ font-size: 24pt;
+ }
+
+ .composited {
+ -webkit-transform: translateZ(0);
+ background-color: white;
+ }
+
+ .smoothed {
+ -webkit-font-smoothing: subpixel-antialiased;
+ }
+ </style>
+<head>
+</head>
+<body>
+ <div class="composited">
+ This text should be antialiased, but not smoothed.
+ </div>
+
+ <div class="smoothed composited">
+ This text should be antialiased and smoothed.
+ </div>
+
+ <div>
+ This text should be antialiased and smoothed in the browser, and antialiased in pixel results.
+ </div>
+</body>
+</html>
diff --git a/Source/WebCore/manual-tests/compositing/missing-iframe-contents.html b/Source/WebCore/manual-tests/compositing/missing-iframe-contents.html
new file mode 100644
index 0000000..d769e43
--- /dev/null
+++ b/Source/WebCore/manual-tests/compositing/missing-iframe-contents.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+
+<html>
+<head>
+ <style type="text/css" media="screen">
+ iframe {
+ border: 10px solid black;
+ padding: 5px;
+ margin: 20px;
+ height: 150px;
+ width: 300px;
+ -webkit-box-shadow: 0 0 20px black;
+ -webkit-transform: translateZ(0);
+ }
+
+ </style>
+ <script type="text/javascript" charset="utf-8">
+ function doTest()
+ {
+ document.getElementById('iframe').className = 'dummy';
+ }
+
+ window.addEventListener('load', doTest, false);
+ </script>
+</head>
+<body>
+
+ <iframe id="iframe" src="resources/composited-subframe.html"></iframe>
+
+ <p><a href="https://bugs.webkit.org/show_bug.cgi?id=42046">https://bugs.webkit.org/show_bug.cgi?id=42046</a><br>
+ You should see a blue rectangle inside the iframe when the page loads.</p>
+</body>
+</html>
diff --git a/Source/WebCore/manual-tests/compositing/resources/composited-subframe.html b/Source/WebCore/manual-tests/compositing/resources/composited-subframe.html
new file mode 100644
index 0000000..4a4f53e
--- /dev/null
+++ b/Source/WebCore/manual-tests/compositing/resources/composited-subframe.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+
+<html>
+<head>
+ <style type="text/css" media="screen">
+ body { background-color:silver }
+
+ .box {
+ height: 200px;
+ width: 200px;
+ margin: 10px;
+ padding: 5px;
+ background-color: blue;
+ -webkit-transform: translateZ(0);
+ overflow:hidden;
+ }
+ .box:hover {
+ -webkit-transform: none;
+ }
+ </style>
+</head>
+<body>
+
+ <div id="iframe-content" class="box">
+ </div>
+
+</body>
+</html>
diff --git a/Source/WebCore/manual-tests/compositing/resources/editable-compositing-subframe.html b/Source/WebCore/manual-tests/compositing/resources/editable-compositing-subframe.html
new file mode 100644
index 0000000..24b43e8
--- /dev/null
+++ b/Source/WebCore/manual-tests/compositing/resources/editable-compositing-subframe.html
@@ -0,0 +1,9 @@
+<style type="text/css" media="screen">
+ #editable {
+ height: 100px;
+ -webkit-transform: translateZ(0px);
+ }
+</style>
+<div id="editable" contenteditable="true">
+The caret should blink correctly when editing this paragraph.
+</div>
diff --git a/Source/WebCore/manual-tests/compositing/resources/flash-frame.html b/Source/WebCore/manual-tests/compositing/resources/flash-frame.html
new file mode 100644
index 0000000..34d9290
--- /dev/null
+++ b/Source/WebCore/manual-tests/compositing/resources/flash-frame.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<title>Flash frame for repaint test</title>
+<embed src="../../resources/spinbox.swf">
diff --git a/Source/WebCore/manual-tests/compositing/resources/tab-repaint-part-2.html b/Source/WebCore/manual-tests/compositing/resources/tab-repaint-part-2.html
new file mode 100644
index 0000000..17cb6e7
--- /dev/null
+++ b/Source/WebCore/manual-tests/compositing/resources/tab-repaint-part-2.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<title>Accelerated compositing tab repaint bug part 2</title>
+<style>
+body {
+ background-color: royalblue;
+}
+iframe {
+ border-width: 0px;
+ width: 400px;
+ height: 200px;
+}
+</style>
+<body>
+<ol>
+<li>This page should have a blue background.</li>
+</ol>
+<iframe src="../resources/flash-frame.html"></iframe>
+</body>
diff --git a/Source/WebCore/manual-tests/compositing/show-composited-iframe-on-back-button.html b/Source/WebCore/manual-tests/compositing/show-composited-iframe-on-back-button.html
new file mode 100644
index 0000000..fff8888
--- /dev/null
+++ b/Source/WebCore/manual-tests/compositing/show-composited-iframe-on-back-button.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+
+<html>
+<head>
+ <!--
+ This content was originally intended as a layout test, but the sequencing performed by
+ queueBackNavigation/queueForwardNavigation differs somehow from what occurs when hitting
+ the back and forward buttons, so the error does not occur. I've left all the LayoutTestController
+ logic in the test in case this is fixed in the future.
+ -->
+
+ <title>Show composited iframe contents when navigating back to page</title>
+ <style type="text/css" media="screen">
+ #box {
+ background-color: red;
+ width: 100px;
+ height: 100px;
+ -webkit-transform: translateZ(0);
+ }
+ iframe {
+ margin: 20px;
+ height: 250px;
+ width: 250px;
+ border: 1px solid black;
+ }
+
+ .composited {
+ -webkit-transform: translateZ(0);
+ }
+
+ </style>
+ <script type="text/javascript" charset="utf-8">
+ var dumpLayerTree = function()
+ {
+ if (window.layoutTestController) {
+ document.getElementById('layers').innerHTML += "Layer Tree after\n\n"+layoutTestController.layerTreeAsText()+"\n\n";
+ }
+ }
+
+ if (window.layoutTestController) {
+ layoutTestController.dumpAsText();
+ }
+
+ function onPageShow(evt)
+ {
+ if (!evt.persisted && window.layoutTestController) {
+ // this is the first time the page has been loaded, then setup the
+ // to-be-tested scenario.
+ document.getElementById('layers').innerHTML = "Layer Tree before\n\n"+layoutTestController.layerTreeAsText()+"\n\n";
+ layoutTestController.queueLoad("resources/subframe.html");
+ layoutTestController.queueBackNavigation(1);
+ layoutTestController.queueForwardNavigation(1);
+ layoutTestController.queueBackNavigation(1);
+ layoutTestController.queueNonLoadingScript("dumpLayerTree()");
+ }
+ }
+
+ window.onpageshow = onPageShow;
+ </script>
+</head>
+<body>
+<p>
+ This page has a composited iframe. When navigating to a new page and then back to this one, the iframe contents should show up.
+</p>
+ Click on the following URL and then click back. When navigating back to this page, the blue box inside the black rectangle
+ should show up.
+</p>
+<pre>
+ <a href="http://apple.com">http://apple.com</a>
+</pre>
+ <div id=box></div>
+ <iframe id="iframe" scrolling="no" src="resources/composited-subframe.html"></iframe>
+<br>
+<pre id="layers"></pre>
+</body>
+</html>