Index: content/test/data/gpu/screenshot_sync_divs.html |
diff --git a/content/test/data/gpu/screenshot_sync_divs.html b/content/test/data/gpu/screenshot_sync_divs.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..2e3638a87f160d8a10ac07c9a8db47502d1dfd64 |
--- /dev/null |
+++ b/content/test/data/gpu/screenshot_sync_divs.html |
@@ -0,0 +1,22 @@ |
+<!DOCTYPE html> |
+<html> |
+<head> |
+<title>Synchronized screenshot test with divs</title> |
+<style> |
+ html, body { margin: 0; } |
+</style> |
+</head> |
+<body> |
+ <div id="backgrounddiv" style="position: absolute; left; 0px; top: 0px; width: 256px; height: 256px; will-change: transform; background-color: rgb(0, 255, 0);">.</div> |
+ <div id="testdiv" style="position: absolute; left; 0px; top: 0px; width: 192px; height: 192px; will-change: transform; background-color: rgb(255, 0, 0);">.</div> |
vmiura
2016/02/06 02:44:37
Please inset inner div so it does not also start a
Ken Russell (switch to Gerrit)
2016/02/06 02:45:15
Done.
|
+ |
+ <script> |
+ function draw(r, g, b) { |
+ document.getElementById('testdiv').style.background = |
+ 'rgb(' + r + ', ' + g + ', ' + b + ')'; |
+ document.getElementById('backgrounddiv').style.background = |
+ 'rgb(' + r + ', ' + g + ', ' + b + ')'; |
+ } |
+ </script> |
+ </body> |
+</html> |