52 lines
1.4 KiB
HTML
52 lines
1.4 KiB
HTML
<html>
|
|
<head>
|
|
<script>jsTestIsAsync = true;</script>
|
|
<script src="../../resources/js-test-pre.js"></script>
|
|
<script>
|
|
description("Test that animated gif on layer that is scrolled to view starts animating.");
|
|
function startTrackingRepaints()
|
|
{
|
|
window.internals.startTrackingRepaints();
|
|
document.getElementById('scroller').scrollTop = 800;
|
|
testRunner.displayAndTrackRepaints();
|
|
|
|
setTimeout(logRepaints, 200);
|
|
}
|
|
|
|
function logRepaints()
|
|
{
|
|
layerTreeAsText = window.internals.layerTreeAsText(document, internals.LAYER_TREE_INCLUDES_REPAINT_RECTS);
|
|
window.internals.stopTrackingRepaints();
|
|
|
|
shouldBeTrue("layerTreeAsText.indexOf('repaint rect') > -1");
|
|
|
|
finishJSTest();
|
|
}
|
|
|
|
function test()
|
|
{
|
|
testRunner.displayAndTrackRepaints();
|
|
setTimeout(startTrackingRepaints, 200);
|
|
}
|
|
|
|
function start() {
|
|
if (!window.testRunner || !window.internals)
|
|
return;
|
|
|
|
var img = new Image();
|
|
img.onload = test;
|
|
img.src = "resources/animated.gif";
|
|
}
|
|
</script>
|
|
</head>
|
|
<body onload="start()">
|
|
<div style="overflow:scroll; height:200px; width:200px; border: 2px solid blue" id=scroller>
|
|
<div style="-webkit-transform: translateZ(0);">
|
|
<div style="height:800px"></div>
|
|
<img src="resources/animated.gif" id=anim>
|
|
<div style="height:800px"></div>
|
|
</div>
|
|
</div>
|
|
<script src="../../resources/js-test-post.js"></script>
|
|
</html>
|