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/squashing/visibility-composited-squashing.html |
| diff --git a/LayoutTests/compositing/squashing/visibility-composited-squashing.html b/LayoutTests/compositing/squashing/visibility-composited-squashing.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..c6af3bebe8cdbe207ddac57255dcd214dc6b35e9 |
| --- /dev/null |
| +++ b/LayoutTests/compositing/squashing/visibility-composited-squashing.html |
| @@ -0,0 +1,61 @@ |
| +<!DOCTYPE html> |
|
chrishtr
2014/03/03 21:40:32
Include
<script src="../../resources/js-test.js"
abarth-chromium
2014/03/03 22:01:31
I'm not sure how this test would work without outp
|
| +<html> |
| +<head> |
| + <style> |
| + .set { |
| + position: absolute; |
| + top: 8px; |
| + } |
| + .box { |
| + height: 100px; |
| + width: 100px; |
| + background-color: lightblue; |
| + } |
| + .squashed { |
| + height: 40px; |
| + width: 40px; |
| + background-color: lightgreen; |
| + position: absolute; |
| + left: 16px; |
| + } |
| + .hidden { |
| + visibility: hidden; |
| + } |
| + .visible { |
| + visibility: visible; |
| + } |
| + .composited { |
| + -webkit-transform: translateZ(1px); |
| + } |
| + </style> |
| + <script> |
| + if (window.testRunner) { |
|
chrishtr
2014/03/03 21:40:32
Add description.
|
| + testRunner.waitUntilDone(); |
| + internals.settings.setLayerSquashingEnabled(true); |
| + } |
| + requestAnimationFrame(function() { |
| + requestAnimationFrame(function() { |
| + document.getElementById('target1').classList.add('visible'); |
| + document.getElementById('target2').classList.add('visible'); |
| + setTimeout(function() { |
| + if (window.testRunner) |
| + testRunner.notifyDone(); |
| + }); |
| + }); |
| + }); |
| + </script> |
| +</head> |
| +<body> |
| + <div class="set"> |
| + <div class="composited box"></div> |
| + <div class="squashed hidden" style="top: 4px"></div> |
| + <div id="target1" class="squashed hidden" style="top: 54px"></div> |
| + </div> |
| + |
| + <div class="set" style="top: 116px"> |
| + <div class="composited box"></div> |
| + <div id="target2" class="squashed hidden" style="top: 4px"></div> |
| + <div class="squashed hidden" style="top: 54px"></div> |
| + </div> |
| +</body> |
| +</html> |
