Index: third_party/WebKit/LayoutTests/virtual/threaded/fast/compositorworker/visual-update.html |
diff --git a/third_party/WebKit/LayoutTests/virtual/threaded/fast/compositorworker/visual-update.html b/third_party/WebKit/LayoutTests/virtual/threaded/fast/compositorworker/visual-update.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..4bd75b6bdc20d6d67eedd87b92b00ab8fdd2da50 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/virtual/threaded/fast/compositorworker/visual-update.html |
@@ -0,0 +1,63 @@ |
+<!DOCTYPE html> |
+<!-- |
+Tests that a change from the worker produces a visual update. |
+--> |
+<div id='console' style='display:none'></div> |
+<script> |
+window.enablePixelTesting = true; |
+window.jsTestIsAsync = true; |
+if (window.testRunner) |
+ testRunner.waitUntilDone(); |
+ |
+</script> |
+ |
+<script src="../../../../resources/js-test.js"></script> |
+<script> |
+if (window.internals) { |
+ internals.settings.setCompositorWorkerEnabled(true); |
+ internals.settings.setPreferCompositingToLCDTextEnabled(true); |
+} |
+ |
+var cw; |
+onload = function() { |
+ cw = new CompositorWorker('resources/visual-update.js'); |
+ cw.onmessage = finishTest; |
+ cw.postMessage({'proxy': new CompositorProxy(document.getElementById('box'), |
+ ['opacity', 'transform', 'scrollLeft', 'scrollTop'])}); |
+} |
+ |
+function finishTest(timestamp) { |
+ requestAnimationFrame(function(timestamp) { |
+ finishJSTest(); |
+ }); |
+} |
+</script> |
+ |
+<style> |
+#box { |
+ width: 100px; |
+ height: 100px; |
+} |
+ |
+#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> |