height: 1000px;
}
</style>
+ <script src="../../fast/repaint/resources/text-based-repaint.js"></script>
<script type="text/javascript">
if (window.internals)
window.internals.settings.setAcceleratedCompositingForOverflowScrollEnabled(true);
window.addEventListener('load', function() {
- if (!window.testRunner || !window.internals) {
- alert('This test requires testRunner to run!');
- return;
- }
- testRunner.dumpAsText();
-
var scroller = document.getElementById('scroller');
var indicator = document.getElementById('indicator');
// Scroll all the way to the bottom and change the color of the
// indicator (which is now outside the overflow clip).
scroller.scrollTop = 1000;
- window.internals.startTrackingRepaints(document);
+
+ runRepaintTest();
+ });
+
+ function repaintTest() {
+ var scroller = document.getElementById('scroller');
+ var indicator = document.getElementById('indicator');
+
indicator.style.background = 'green';
// Scroll back up so that the updated (green) indicator is visible.
- var layerTree = document.getElementById('layerTree');
scroller.scrollTop = 0;
- layerTree.innerText =
- window.internals.layerTreeAsText(document, internals.LAYER_TREE_INCLUDES_REPAINT_RECTS);
- window.internals.stopTrackingRepaints(document);
- });
+ }
</script>
</head>
<body>
<div id="indicator"></div>
<div id="content"></div>
</div>
- <pre id="layerTree">This text will be replaced with the layer tree.</pre>
</body>
</html>