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: third_party/WebKit/LayoutTests/virtual/threaded/fast/compositorworker/visual-update-expected.html

Issue 1547893003: WIP - compositor worker mega patch. Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: . Created 4 years, 11 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..5a02e3f935814ff115b117c4d3916f2be2e420f7
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/virtual/threaded/fast/compositorworker/visual-update-expected.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<!--
+Tests that a change from the worker produces a visual update.
+-->
+<script>
+window.jsTestIsAsync = true;
+</script>
+
+<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;
+ if (window.testRunner)
+ testRunner.notifyDone();
+}
+</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