<?xml version="1.0"?> <?xml-stylesheet href="chrome://global/skin" type="text/css"?> <?xml-stylesheet href="chrome://mochikit/content/tests/SimpleTest/test.css" type="text/css"?> <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=485118 --> <window title="Mozilla Bug 485118" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <script type="application/javascript" src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js" /> <body xmlns="http://www.w3.org/1999/xhtml"> <div id="content" style="display: none"> </div> <pre id="test"> </pre> </body> <hbox height="300"> <vbox width="300"> <scrollbar orient="horizontal" maxpos="10000" pageincrement="1" id="horizontal"/> <scrollbar orient="horizontal" maxpos="10000" pageincrement="1" style="-moz-appearance: scrollbar-small;" id="horizontalSmall"/> <hbox flex="1"> <scrollbar orient="vertical" maxpos="10000" pageincrement="1" id="vertical"/> <scrollbar orient="vertical" maxpos="10000" pageincrement="1" style="-moz-appearance: scrollbar-small;" id="verticalSmall"/> <spacer flex="1"/> </hbox> </vbox> </hbox> <script class="testbody" type="application/javascript"> <![CDATA[ SimpleTest.waitForExplicitFinish(); function runTest() { ["horizontal", "vertical"].forEach(function (orient) { ["", "Small"].forEach(function (size) { var elem = document.getElementById(orient + size); var thumbRect = document.getAnonymousElementByAttribute(elem, 'sbattr', 'scrollbar-thumb').getBoundingClientRect(); var sizeToCheck = orient == "horizontal" ? "width" : "height"; // var expectedSize = size == "Small" ? 19 : 26; var expectedSize = 26; is(thumbRect[sizeToCheck], expectedSize, size + " scrollbar has wrong minimum " + sizeToCheck); }); }); SimpleTest.finish(); } window.addEventListener("load", runTest, false); ]]> </script> </window>