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

Unified Diff: third_party/WebKit/LayoutTests/virtual/threaded/fast/compositorworker/visual-update-expected.html

Issue 2041193005: [compositorworker] compositor proxy mutation updates underlying layers (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@compositor-worker-upstream-registration
Patch Set: rebase Created 4 years, 6 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: third_party/WebKit/LayoutTests/virtual/threaded/fast/compositorworker/visual-update-expected.html
diff --git a/third_party/WebKit/LayoutTests/virtual/threaded/fast/compositorworker/visual-update-expected.html b/third_party/WebKit/LayoutTests/virtual/threaded/fast/compositorworker/visual-update-expected.html
new file mode 100644
index 0000000000000000000000000000000000000000..b58f0783f0ea9d8cfae94a34a39e2f9a8c245005
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/virtual/threaded/fast/compositorworker/visual-update-expected.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<!--
+Tests that a change from the worker produces a visual update.
+-->
+<script>
+onload = function() {
+ var box = document.getElementById('box');
+ box.style.transform = 'translate(0, 100px)';
+ box.style.opacity = 0.5;
+ box.scrollLeft = 100;
+ box.scrollTop = 100;
+}
+</script>
+
+<style>
+#box {
+ width: 100px;
+ height: 100px;
+ /* A composited DIV background is clipped differently from a non-composited
+ one. This causes the box to be composited in both cases
+ TODO(majidvp): fix this mismatch between CC and blink rendering
+ */
+ backface-visibility: hidden;
+}
+
+#covered, #green {
+ width: 85px;
+ height: 85px;
+}
+
+#box, #covered {
+ background-color: #ff8080;
+ overflow: auto;
+}
+
+#green {
+ position: relative;
+ left: 100px;
+ top: 100px;
+ background-color: #00ff00;
+}
+
+</style>
+
+<div id="box">
+ <div id="green"></div>
+</div>
+<div id="covered"></div>

Powered by Google App Engine
This is Rietveld 408576698