third_party/WebKit/LayoutTests/compositing/iframes/composited-iframe-transition-flicker.html

   1 <!DOCTYPE HTML>
   2 <iframe id="frame" srcdoc="<style>input { width: 100px; }</style><input id='input' value='add stuff here'></input>"></iframe>
   3 <script>
   4 if (window.testRunner)
   5     testRunner.dumpAsText();
   6 if (window.internals)
   7     window.internals.settings.setPreferCompositingToLCDTextEnabled(true);
   8
   9 onload = function() {
  10     var layerTreePreStyleUpdate = "";
  11     var layerTreePostStyleUpdate = "";
  12
  13     document.getElementById("frame").contentDocument.getElementById("input").value =
  14         "This is a very long string that will cause overflow";
  15     layerTreePreStyleUpdate = window.internals.layerTreeAsText(document);
  16
  17     // Force a style recalc.
  18     document.body.offsetTop;
  19     layerTreePostStyleUpdate = window.internals.layerTreeAsText(document);
  20
  21     var pre = document.createElement('pre');
  22     if (layerTreePreStyleUpdate === layerTreePostStyleUpdate)
  23         pre.innerHTML = "PASS - layer trees are the same.";
  24     else
  25         pre.innerHTML = "FAIL - layer trees are not the same.";
  26     document.body.appendChild(pre);
  27 };
  28 </script>