1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
|
<?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"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<script src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"/>
<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"/>
</vbox>
<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>
<vbox id="scrollbox-test">
<scrollbar orient="vertical" style="border: 0; padding: 0;"/>
</vbox>
</hbox>
</vbox>
<!-- wrap svg in a div so that it can take its intrinsic width -->
<div>
<svg:svg id="svgbase" width="45" height="20" xmlns:svg="http://www.w3.org/2000/svg">
<svg:rect id="svgrect" x="3" y="5" width="45" height="20" fill="red"/>
</svg:svg>
</div>
</vbox>
<button id="outermenu" type="menu" label="Menu">
<menupopup id="outerpopup"
style="margin-left: 5px; padding-left: 3px; padding: 0;"
onpopupshown="this.firstChild.open = true"
onpopuphidden="if (event.target == 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"/>
</menupopup>
</menu>
<menuitem id="outermenuitem" label="Close"/>
</menupopup>
</button>
<!-- test results are displayed in the html:body -->
<body xmlns="http://www.w3.org/1999/xhtml" style="height: 300px; overflow: auto;"/>
<!-- test code goes here -->
<script type="application/javascript"><![CDATA[
var gTestSet = "box";
var whichpopup = "outer";
SimpleTest.waitForExplicitFinish();
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;
}
}
SimpleTest.waitForFocus(startTests);
]]>
</script>
</window>
|
