<!doctype html>
<!-- Tests that the thumb's color changes when hovered over. -->
<meta name="fuzzy" content="0-10;0-10">
<meta charset="utf-8">
<script src="../../resources/blink-coordinates-util.js"></script>
<script src="../../resources/gesture-util.js"></script>
<script src="../../resources/scrollbar-util.js"></script>
<script src="../../resources/testharness.js"></script>
<style>
body,
html {
background-color: green;
height: 2000px;
margin: 0;
width: 2000px;
}
</style>
<script>
window.onload = async () => {
if (!internals) return;
testRunner.waitUntilDone();
const { x, y } = verticalThumb(document.documentElement);
await mouseMoveTo(x, y);
testRunner.notifyDone();
};
</script>