Source code

Revision control

Copy as Markdown

Other Tools

Test Info: Warnings

  • This test gets skipped with pattern: os == 'android' (os == "mac" && debug)
<?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"?>
<?xml-stylesheet href="test_offsets.css" type="text/css"?>
XUL Tests for client/scroll properties
<window title="Test Offset/Client/Scroll Properties" width="500" height="600"
style="margin: 1px !important"
<script type="text/javascript" src="test_offsets.js"/>
<vbox id="testelements" style="margin: 0; padding: 0; border: 0;">
<vbox id="vbox" style="margin: 5px 0 0 2px;">
<vbox id="noscroll" align="start">
<button id="button1" label="Button One" style="margin: 0px; padding: 0; border: 0;"/>
<button id="button2" label="Button Two" width="140" height="120"/>
<hbox align="start">
<vbox id="scrollbox" style="overflow: scroll; padding: 2px; margin: 3px; border: 4px solid green;"
maxwidth="66" maxheight="56">
<label value="One" style="margin: 0"/>
<label id="scrollchild" value="Two"/>
<label value="Three"/>
<label id="lastline" value="This fourth label is much longer than the others"
style="margin: 0; padding: 0; border: 0;"/>
<vbox id="scrollbox-test">
<scrollbar orient="vertical" style="border: 0; padding: 0;"/>
<!-- wrap svg in a div so that it can take its intrinsic width -->
<svg:svg id="svgbase" width="45" height="20" xmlns:svg="">
<svg:rect id="svgrect" x="3" y="5" width="45" height="20" fill="red"/>
<button id="outermenu" type="menu" label="Menu">
<menupopup id="outerpopup"
style="margin-left: 5px; padding-left: 3px; padding: 0;"
onpopupshown=" = true"
onpopuphidden="if ( == this) SimpleTest.finish();">
<menu id="innermenu" label="Open"
style="margin: 0; padding: 0; border: 2px black solid; -moz-appearance: none;">
<menupopup style="margin: 0; padding: 0; border: 1px black solid; -moz-appearance: none;"
onpopupshown="testElements('outermenu', doneTests)">
<menuitem label="Document"/>
<menuitem id="innermenuitem" style="margin: 2px; padding: 3px;" label="Page"/>
<menuitem id="outermenuitem" label="Close"/>
<!-- test results are displayed in the html:body -->
<body xmlns="" style="height: 300px; overflow: auto;"/>
<!-- test code goes here -->
<script type="application/javascript"><![CDATA[
var gTestSet = "box";
var whichpopup = "outer";
function startTests()
testElements('testelements', doneTests);
function doneTests()
if (gTestSet == "box") {
gTestSet = "popup";
// only test this on Mac for now
if (navigator.platform.includes("Mac")) {
checkScrollState($("outerpopup"), 0, 0, 0, 0, "popup before open");
checkClientState($("outerpopup"), 0, 0, 0, 0, "popup before open");
$("outermenu").open = true;
else {
$("outermenu").open = false;