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

Unified Diff: LayoutTests/compositing/squashing/repaint-via-layout-offset.html

Issue 264713015: iPhone 5c marketing site repaints incorrectly with layer squashing (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Now with fix Created 6 years, 7 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/repaint-via-layout-offset.html
diff --git a/LayoutTests/compositing/squashing/repaint-via-layout-offset.html b/LayoutTests/compositing/squashing/repaint-via-layout-offset.html
new file mode 100644
index 0000000000000000000000000000000000000000..7513114c7bc07f53c7d3eccf14ad3051f7c14bc2
--- /dev/null
+++ b/LayoutTests/compositing/squashing/repaint-via-layout-offset.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<script src="../../resources/run-after-display.js"></script>
+<style>
+#container {
+ position: absolute;
+ z-index: 0;
+ left: 50px;
+ top: 50px;
+}
+
+.child {
+ position: absolute;
+ width: 40px;
+ height: 40px;
+ background-color: red;
+}
+
+.embiggen {
+ width: 50px;
+ height: 50px;
+ background-color: green;
+}
+</style>
+<div style="width:200px; height:200px; transform: translateZ(0px); background-color: lightblue"></div>
+<div id="container">
+ <span class="child"></span>
+ <span class="child"></span>
+</div>
+<pre></pre>
+<script>
+if (window.testRunner) {
+ testRunner.dumpAsText();
+ testRunner.waitUntilDone();
+}
+
+runAfterDisplay(function() {
+ document.querySelectorAll('.child')[0].classList.add('embiggen')
+ runAfterDisplay(function() {
+ if (window.internals)
+ window.internals.startTrackingRepaints(document);
+
+ document.querySelectorAll('.child')[1].classList.add('embiggen')
+
+ if (window.internals) {
+ var layerTree = window.internals.layerTreeAsText(document, internals.LAYER_TREE_INCLUDES_REPAINT_RECTS);
+ window.internals.stopTrackingRepaints(document);
+ document.querySelector('pre').textContent = layerTree;
+ }
+
+ if (window.testRunner)
+ testRunner.notifyDone();
+ });
+});
+</script>

Powered by Google App Engine
This is Rietveld 408576698