Chromium Code Reviews Chromium Code Reviews
Issue 183833016:
Add some incremental compositing tests (Closed)
Base URL: svn://svn.chromium.org/blink/trunk| Index: LayoutTests/compositing/visibility/visibility-composited-incremental-update.html |
| diff --git a/LayoutTests/compositing/visibility/visibility-composited-incremental-update.html b/LayoutTests/compositing/visibility/visibility-composited-incremental-update.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..1b9764484204707a9e5bcba99d1ba3fd97eadb89 |
| --- /dev/null |
| +++ b/LayoutTests/compositing/visibility/visibility-composited-incremental-update.html |
| @@ -0,0 +1,80 @@ |
| +<!DOCTYPE html> |
| + |
| +<html> |
| +<head> |
| + <style> |
| + .set { |
| + position: absolute; |
| + top: 8px; |
| + } |
| + .box { |
| + height: 100px; |
| + width: 100px; |
| + background-color: blue; |
| + } |
| + |
| + .hidden { |
| + visibility: hidden; |
| + } |
| + |
| + .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(1px); |
| + } |
| + |
| + .visible-indicator { |
| + background-color: green; |
| + } |
| + |
| + .hidden-indicator { |
| + background-color: red; |
| + } |
| + </style> |
| + <script> |
| + if (window.testRunner) |
| + testRunner.waitUntilDone(); |
| + requestAnimationFrame(function() { |
| + requestAnimationFrame(function() { |
| + document.getElementById('target').classList.add('visible'); |
| + setTimeout(function() { |
| + if (window.testRunner) |
| + testRunner.notifyDone(); |
| + }); |
| + }); |
| + }); |
| + </script> |
| +</head> |
| +<body> |
| + <div class="set"> |
|
chrishtr
2014/03/03 21:40:32
Same comments here as in the other HTML file.
abarth-chromium
2014/03/03 22:01:31
ok
|
| + <div class="hidden-indicator box"></div> |
| + <div class="visible-indicator box"></div> |
| + <div class="hidden-indicator box"></div> |
| + </div> |
| + |
| + <div class="set"> |
| + <div class="hidden container composited"> |
| + <div class="visible box should-be-visible"></div> |
| + </div> |
| + |
| + <div class="hidden container composited"> |
| + <div class="box should-be-hidden"></div> |
| + </div> |
| + |
| + <div class="hidden container composited"> |
| + <div id="target" class="box should-be-visible"></div> |
| + </div> |
| + </div> |
| +</body> |
| +</html> |
