Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(395)

Unified Diff: LayoutTests/compositing/squashing/visibility-composited-squashing.html

Issue 183833016: Add some incremental compositing tests (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Now with ref tests Created 6 years, 10 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
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..27b2ea2cba21ccb20d199600c071d46f320be5a7
--- /dev/null
+++ b/LayoutTests/compositing/squashing/visibility-composited-squashing.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<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) {
+ 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>
+ <!-- This test checks that squashed RenderLayers are painted even if not all
+ of the RenderLayers squahed into a given GraphicsLayer are visible. -->
+ <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>

Powered by Google App Engine
This is Rietveld 408576698