| Index: LayoutTests/compositing/visibility/visibility-image-layers-dynamic.html
|
| ===================================================================
|
| --- LayoutTests/compositing/visibility/visibility-image-layers-dynamic.html (revision 104364)
|
| +++ LayoutTests/compositing/visibility/visibility-image-layers-dynamic.html (working copy)
|
| @@ -1,95 +0,0 @@
|
| -<!DOCTYPE html>
|
| -
|
| -<html>
|
| -<head>
|
| - <style>
|
| - .set {
|
| - position: absolute;
|
| - top: 8px;
|
| - }
|
| - .box {
|
| - height: 100px;
|
| - width: 100px;
|
| - }
|
| -
|
| - .hidden {
|
| - visibility: hidden;
|
| - }
|
| -
|
| - .container {
|
| - margin: 10px;
|
| - padding: 20px;
|
| - }
|
| - .container.hidden {
|
| - outline: 4px solid red;
|
| - }
|
| -
|
| - .visible {
|
| - visibility: visible;
|
| - }
|
| - .should-be-hidden {
|
| - background-color: red !important;
|
| - }
|
| - .should-be-visible {
|
| - background-color: green !important;
|
| - }
|
| - .composited {
|
| - -webkit-transform: translateZ(0);
|
| - }
|
| -
|
| - .visible-indicator {
|
| - background-color: green;
|
| - }
|
| -
|
| - .hidden-indicator {
|
| - background-color: red;
|
| - }
|
| - </style>
|
| - <script>
|
| - if (window.layoutTestController) {
|
| - layoutTestController.dumpAsText();
|
| - layoutTestController.waitUntilDone();
|
| - }
|
| -
|
| - function doTest()
|
| - {
|
| - if (window.layoutTestController)
|
| - document.getElementById('layers1').innerText = layoutTestController.layerTreeAsText();
|
| -
|
| - window.setTimeout(function() {
|
| - var firstImage = document.querySelectorAll('img')[0];
|
| - firstImage.style.visibility = 'visible';
|
| -
|
| - if (window.layoutTestController)
|
| - document.getElementById('layers2').innerText = layoutTestController.layerTreeAsText();
|
| -
|
| - window.setTimeout(function() {
|
| - var secondContainer = document.querySelectorAll('.container')[1];
|
| - secondContainer.style.visibility = 'visible';
|
| -
|
| - if (window.layoutTestController) {
|
| - document.getElementById('layers3').innerText = layoutTestController.layerTreeAsText();
|
| - layoutTestController.notifyDone();
|
| - }
|
| - }, 0);
|
| - }, 0);
|
| - }
|
| - window.addEventListener('load', doTest, false);
|
| - </script>
|
| -</head>
|
| -<body>
|
| - <!-- Tests dynamic changes of visibility, using directly composited images. -->
|
| - <div class="composited container"><img src="../resources/thiswayup.png" class="hidden composited box"></div>
|
| - <div class="composited hidden container"><img src="../resources/thiswayup.png" class="composited box"></div>
|
| - <div class="composited hidden container"><img src="../resources/thiswayup.png" class="visible composited box"></div>
|
| -
|
| -<h2>Initial</h2>
|
| -<pre id="layers1"></pre>
|
| -
|
| -<h2>After step 1</h2>
|
| -<pre id="layers2"></pre>
|
| -
|
| -<h2>After step 2</h2>
|
| -<pre id="layers3"></pre>
|
| -</body>
|
| -</html>
|
|
|
Chromium Code Reviews
Issue 9120020:
Revert 98735 - Source/WebCore: The HTML5 video element in Safari does not respect "visibility:hid... (Closed)
Base URL: http://svn.webkit.org/repository/webkit/branches/chromium/963/