54 lines
1.4 KiB
HTML
54 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<body>
|
|
<script src="../../resources/js-test-pre.js"></script>
|
|
<script>
|
|
description("Tests that requestAnimationFrame is throttled in subframes are inside scrolled overflow scroll");
|
|
window.jsTestIsAsync = true;
|
|
|
|
function scrollOverflow()
|
|
{
|
|
|
|
debug("Scrolling overflow.");
|
|
var container = document.getElementById('container');
|
|
container.scrollLeft = window.innerWidth + 10;
|
|
|
|
debug("requestAnimationFrame should still not be throttled");
|
|
shouldBeEqualToString("testFrame.contentWindow.internals.requestAnimationFrameThrottlingReasons()", "[Unthrottled]");
|
|
|
|
finishJSTest();
|
|
}
|
|
|
|
function runTest()
|
|
{
|
|
testFrame = document.getElementById("testFrame");
|
|
debug("Frame is initially inside the viewport so requestAnimationFrame should not be throttled");
|
|
shouldBeEqualToString("testFrame.contentWindow.internals.requestAnimationFrameThrottlingReasons()", "[Unthrottled]");
|
|
scrollOverflow();
|
|
}
|
|
</script>
|
|
<style>
|
|
#container {
|
|
position: absolute;
|
|
left: 0;
|
|
width: 300px;
|
|
height: 200px;
|
|
overflow-x: auto;
|
|
background: silver;
|
|
}
|
|
|
|
#testFrame {
|
|
width: 2000px;
|
|
height: 100px;
|
|
border: 2px solid black;
|
|
will-change: transform;
|
|
}
|
|
|
|
</style>
|
|
<div id="container">
|
|
<iframe id="testFrame" src="resources/requestAnimationFrame-frame.html" onload="runTest()"></iframe>
|
|
</div>
|
|
<script src="../../resources/js-test-post.js"></script>
|
|
</body>
|
|
</html>
|