Source code

Revision control

Copy as Markdown

Other Tools

Test Info: Warnings

  • This test gets skipped with pattern: OR os == 'android'
<title>Test to ensure non-scrollable frames don't get layerized</title>
<script src="/tests/SimpleTest/SimpleTest.js"></script>
<script src="/tests/SimpleTest/EventUtils.js"></script>
<script src="/tests/SimpleTest/paint_listener.js"></script>
<script type="application/javascript" src="apz_test_native_event_utils.js"></script>
<script type="application/javascript" src="apz_test_utils.js"></script>
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
<p id="display"></p>
<div id="container" style="height: 500px; overflow:scroll">
<pre id="no_layer" style="background-color: #f5f5f5; margin: 15px; padding: 15px; margin-top: 100px; border: 1px solid #eee; overflow:scroll">sample code here</pre>
<div style="height: 5000px">spacer to make the 'container' div the root scrollable element</div>
<pre id="test">
<script type="application/javascript">
async function test() {
var container = document.getElementById("container");
var no_layer = document.getElementById("no_layer");
// Check initial state
is(container.scrollTop, 0, "Initial scrollY should be 0");
ok(!isLayerized("no_layer"), "initially 'no_layer' should not be layerized");
// Scrolling over outer1 should layerize outer1, but not inner1.
await promiseMoveMouseAndScrollWheelOver(no_layer, 10, 10, true);
await promiseAllPaintsDone();
await promiseOnlyApzControllerFlushed();
ok(container.scrollTop > 0, "We should have scrolled the body");
ok(!isLayerized("no_layer"), "no_layer should still not be layerized");
if (isApzEnabled()) {
// Turn off displayport expiry so that we don't miss failures where the
// displayport is set and expired before we check for layerization.
// Also enable APZ test logging, since we use that data to determine whether
// a scroll frame was layerized.
pushPrefs([["apz.displayport_expiry_ms", 0],
["apz.test.logging_enabled", true]])
.then(SimpleTest.finish, SimpleTest.finishWithFailure);