<!DOCTYPE html>
<style>
#container {
width: 200px;
height: 200px;
overflow: scroll;
}
#content {
width: 750px;
height: 10000px;
background-color: blue;
}
</style>
<script src="../../resources/js-test.js"></script>
<div id="container">
<div id="content"></div>
</div>
<div id="console"></div>
<script>
jsTestIsAsync = true;
element = document.getElementById("container");
var prevScrollTop;
var scrollStart;
function runTest() {
internals.settings.setScrollAnimatorEnabled(true);
element.addEventListener("scroll", onElementScroll);
testRunner.layoutAndPaintAsyncThen(function() {
// Give the container focus.
eventSender.mouseMoveTo(100, 100);
eventSender.mouseScrollBy(0, -20, /* paged */ false,
/* preciseDeltas */ true);
});
}
function onElementScroll() {
shouldBe("element.scrollTop",
"800");
finishJSTest();
}
description("Tests that overflow scrolls with precise deltas aren't animated.");
if (window.eventSender)
runTest();
else
debug("FAIL: This test requires window.eventSender.");
</script>