haikuwebkit/LayoutTests/scrollbars/scrollbar-drag-thumb-with-l...

54 lines
1.8 KiB
HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Bug 60737 test case</title>
<style type="text/css">
/* Use customized scrollbar to avoid platform differences. */
<!--
::-webkit-scrollbar {
width: 20px;
height: 20px;
}
::-webkit-scrollbar-button {
height: 20px;
width: 20px;
background-color: blue;
}
::-webkit-scrollbar-track-piece {
background-color: gray;
}
::-webkit-scrollbar-thumb {
height: 20px;
width: 20px;
background-color: red;
}
-->
</style>
</head>
<body style="margin:0px">
<div id="container" style="border:1px solid black; height:150px; width:100px; overflow:auto;">
<div id="expander" style="height:100px; width:5000px; background-color:green; border:2px solid red;">
</div>
</div>
<p id="result">Test did not run.</p>
<script>
if (window.testRunner)
testRunner.dumpAsText();
var container = document.getElementById("container");
container.scrollLeft = 2;
// Drag scrollbar thumber to left most:
if (window.eventSender) {
eventSender.mouseMoveTo(30, 145);
eventSender.mouseDown();
eventSender.mouseMoveTo(0, 145);
eventSender.mouseUp();
}
if (window.testRunner)
document.getElementById("result").innerText = container.scrollLeft == 0 ? "PASS" : "FAIL";
</script>
</body>
</html>