Chromium Code Reviews Chromium Code Reviews
Issue 137143009:
Add a number of tests for layer squashing (Closed)
Base URL: svn://svn.chromium.org/blink/trunk| Index: LayoutTests/compositing/squashing/squash-onto-nephew.html |
| diff --git a/LayoutTests/compositing/squashing/squash-onto-nephew.html b/LayoutTests/compositing/squashing/squash-onto-nephew.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..c2bc09228ae5fa3c104c6b8951b1b05cc3ab26bb |
| --- /dev/null |
| +++ b/LayoutTests/compositing/squashing/squash-onto-nephew.html |
| @@ -0,0 +1,88 @@ |
| +<!DOCTYPE html> |
| +<head> |
| +<style> |
| +.composited { |
| +-webkit-transform: translatez(0); |
| +} |
| + |
| +.box { |
| + width: 100px; |
| + height: 100px; |
| +} |
| + |
| +.behind { |
| + position: absolute; |
| + z-index: 1; |
| + top: 100px; |
| + left: 100px; |
| + background-color: blue; |
| +} |
| + |
| +.middle { |
| + position: absolute; |
| + z-index: 1; |
| + top: 40px; |
| + left: 40px; |
| + background-color: lime; |
| +} |
| + |
| +.middle2 { |
| + position: absolute; |
| + z-index: 1; |
| + top: 130px; |
| + left: 60px; |
| + background-color: magenta; |
| +} |
| + |
| +.top { |
| + position: absolute; |
| + z-index: 1; |
| + top: 70px; |
| + left: 120px; |
| + background-color: cyan; |
| +} |
| + |
| +.container { |
| + position: absolute; |
| + z-index: 1; |
| + top: 25px; |
| + left: 25px; |
| + width: 300px; |
| + height: 300px; |
| + background-color: gray; |
| + overflow: hidden; |
| +} |
| + |
| +div:hover { |
| + background-color: green; |
| +} |
| + |
| +</style> |
| +<script> |
| + if (window.testRunner) |
| + testRunner.dumpAsText(); |
| + |
| + if (window.internals) |
| + internals.settings.setLayerSquashingEnabled(true); |
| + |
| + function runTest() |
| + { |
| + if (!window.internals) { |
| + alert('This test requires window.internals') |
| + return; |
| + } |
| + |
| + testRunner.display(); |
| + document.body.textContent = window.internals.layerTreeAsText(document, internals.LAYER_TREE_INCLUDES_REPAINT_RECTS); |
| + document.body.style.whiteSpace = 'pre'; |
| + } |
| +</script> |
| +</head> |
| +<body onload="runTest()"> |
| + <div class="container"> |
| + <div class="composited box behind"></div> |
|
shawnsingh
2014/01/27 21:35:27
Actually my manual test for this was outdated, sor
|
| + </div> |
| +<div class="box middle"></div> |
| +<div class="box middle2"></div> |
| +<div class="box top"></div> |
| +</body> |
