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
|
<?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"?>
<window title="Menulist Initial Selection Test"
onload="setTimeout(runTest, 0)"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<script src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script>
<script src="chrome://mochikit/content/tests/SimpleTest/EventUtils.js"></script>
<script>
<![CDATA[
SimpleTest.waitForExplicitFinish();
async function runTest() {
const panel = document.querySelector("panel");
const menulist1 = document.getElementById("menulist1");
const menulist2 = document.getElementById("menulist2");
const panelShown = new Promise(r => panel.addEventListener("popupshown", r, { once: true }));
info("opening panel");
panel.openPopup(null, { x: 0, y: 0 });
await panelShown;
info("panel opened");
is(menulist1.value, "1", "menulist1 should have the first menuitem's value");
is(menulist1.label, "One", "menulist1 should have the first menuitem's label");
is(menulist2.value, "", "menulist2 should not be selected to the first item's value");
is(menulist2.label, "None", "menulist2 should not be selected to the first item's value");
is(menulist1.menupopup.querySelectorAll('menuitem[selected="true"]').length, 1, "menulist1 should have only one selected item.");
is(menulist2.menupopup.querySelectorAll('menuitem[selected="true"]').length, 0, "menulist2 should have no selected items.");
SimpleTest.finish();
}
]]>
</script>
<panel>
<menulist id="menulist1" value="" label="None">
<menupopup id="menulistpopup1">
<menuitem value="1" label="One"/>
<menuitem value="2" label="Two"/>
<menuitem value="3" label="Three"/>
</menupopup>
</menulist>
<menulist id="menulist2" value="" label="None" noinitialselection="true">
<menupopup id="menulistpopup2">
<menuitem value="4" label="Four"/>
<menuitem value="5" label="Five"/>
<menuitem value="6" label="Six"/>
</menupopup>
</menulist>
</panel>
</window>
|