Index: LayoutTests/compositing/iframes/composited-iframe-transition-flicker.html |
diff --git a/LayoutTests/compositing/iframes/composited-iframe-transition-flicker.html b/LayoutTests/compositing/iframes/composited-iframe-transition-flicker.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..505d1f21d931c5d2a6aaaf509940a3a0e8812468 |
--- /dev/null |
+++ b/LayoutTests/compositing/iframes/composited-iframe-transition-flicker.html |
@@ -0,0 +1,28 @@ |
+<!DOCTYPE HTML> |
+<iframe id="frame" srcdoc="<style>input { width: 100px; }</style><input id='input' value='add stuff here'></input>"></iframe> |
+<script> |
+if (window.testRunner) |
+ testRunner.dumpAsText(); |
+if (window.internals) |
+ window.internals.settings.setAcceleratedCompositingForOverflowScrollEnabled(true); |
+ |
+onload = function() { |
+ var layerTreePreStyleUpdate = ""; |
+ var layerTreePostStyleUpdate = ""; |
+ |
+ document.getElementById("frame").contentDocument.getElementById("input").value = |
+ "This is a very long string that will cause overflow"; |
+ layerTreePreStyleUpdate = window.internals.layerTreeAsText(document); |
+ |
+ // Force a style recalc. |
+ document.body.offsetTop; |
+ layerTreePostStyleUpdate = window.internals.layerTreeAsText(document); |
+ |
+ var pre = document.createElement('pre'); |
+ if (layerTreePreStyleUpdate === layerTreePostStyleUpdate) |
+ pre.innerHTML = "PASS - layer trees are the same."; |
+ else |
+ pre.innerHTML = "FAIL - layer trees are not the same."; |
+ document.body.appendChild(pre); |
+}; |
+</script> |