diff options
author | Steve Block <steveblock@google.com> | 2011-05-06 11:45:16 +0100 |
---|---|---|
committer | Steve Block <steveblock@google.com> | 2011-05-12 13:44:10 +0100 |
commit | cad810f21b803229eb11403f9209855525a25d57 (patch) | |
tree | 29a6fd0279be608e0fe9ffe9841f722f0f4e4269 /Source/WebCore/manual-tests/compositing | |
parent | 121b0cf4517156d0ac5111caf9830c51b69bae8f (diff) | |
download | external_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')
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> |