toolkit/content/tests/chrome/test_panelfrommenu.xul

branch
TOR_BUG_3246
changeset 7
129ffea94266
equal deleted inserted replaced
-1:000000000000 0:c942cd29041a
1 <?xml version="1.0"?>
2 <?xml-stylesheet href="chrome://global/skin" type="text/css"?>
3 <?xml-stylesheet href="chrome://mochikit/content/tests/SimpleTest/test.css" type="text/css"?>
4
5 <window title="Open panel from menuitem"
6 onload="setTimeout(runTests, 0);"
7 xmlns:html="http://www.w3.org/1999/xhtml"
8 xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
9
10 <script type="application/javascript" src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script>
11 <script type="application/javascript" src="chrome://mochikit/content/tests/SimpleTest/EventUtils.js"></script>
12
13 <!--
14 This test does the following:
15 1. Opens the menu, causing the popupshown event to fire, which will call menuOpened.
16 2. Keyboard events are fired to cause the first item on the menu to be executed.
17 3. The command event handler for the first menuitem opens the panel.
18 4. As a menuitem was executed, the menu will roll up, hiding it.
19 5. The popuphidden event for the menu calls menuClosed which tests the popup states.
20 6. The panelOpened function tests the popup states again and hides the popup.
21 7. Once the panel's popuphidden event fires, tests are performed to see if
22 panels inside buttons and toolbarbuttons work. Each is opened and the closed.
23 -->
24
25 <menu id="menu" onpopupshown="menuOpened()" onpopuphidden="menuClosed();">
26 <menupopup>
27 <menuitem id="i1" label="One" oncommand="$('panel').openPopup($('menu'), 'after_start');"/>
28 <menuitem id="i2" label="Two"/>
29 </menupopup>
30 </menu>
31
32 <panel id="hiddenpanel" hidden="true"/>
33
34 <panel id="panel" onpopupshown="panelOpened()"
35 onpopuphidden="$('button').focus(); $('button').open = true">
36 <textbox/>
37 </panel>
38
39 <button id="button" type="panel" label="Button">
40 <panel onpopupshown="panelOnButtonOpened(this)"
41 onpopuphidden="$('tbutton').open = true;">
42 <button label="OK" oncommand="this.parentNode.parentNode.open = false"/>
43 </panel>
44 </button>
45
46 <toolbarbutton id="tbutton" type="panel" label="Toolbarbutton">
47 <panel onpopupshown="panelOnToolbarbuttonOpened(this)"
48 onpopuphidden="SimpleTest.finish()">
49 <textbox/>
50 </panel>
51 </toolbarbutton>
52
53 <script class="testbody" type="application/javascript">
54 <![CDATA[
55
56 SimpleTest.waitForExplicitFinish();
57
58 function runTests()
59 {
60 is($("hiddenpanel").state, "closed", "hidden popup is closed");
61
62 var menu = $("menu");
63 menu.open = true;
64 }
65
66 function menuOpened()
67 {
68 synthesizeKey("VK_DOWN", { });
69 synthesizeKey("VK_RETURN", { });
70 }
71
72 function menuClosed()
73 {
74 // the panel will be open at this point, but the popupshown event
75 // still needs to fire
76 is($("panel").state, "showing", "panel is open after menu hide");
77 is($("menu").firstChild.state, "closed", "menu is closed after menu hide");
78 }
79
80 function panelOpened()
81 {
82 is($("panel").state, "open", "panel is open");
83 is($("menu").firstChild.state, "closed", "menu is closed");
84 $("panel").hidePopup();
85 }
86
87 function panelOnButtonOpened(panel)
88 {
89 is(panel.state, 'open', 'button panel is open');
90 is(document.activeElement, document.documentElement, "focus blurred on panel from button open");
91 synthesizeKey("VK_DOWN", { });
92 is(document.activeElement, document.documentElement, "focus not modified on cursor down from button");
93 panel.firstChild.doCommand()
94 }
95
96 function panelOnToolbarbuttonOpened(panel)
97 {
98 is(panel.state, 'open', 'toolbarbutton panel is open');
99 is(document.activeElement, document.documentElement, "focus blurred on panel from toolbarbutton open");
100 panel.firstChild.focus();
101 synthesizeKey("VK_DOWN", { });
102 is(document.activeElement, panel.firstChild.inputField, "focus not modified on cursor down from toolbarbutton");
103 panel.parentNode.open = false;
104 }
105
106 ]]>
107 </script>
108
109 <body xmlns="http://www.w3.org/1999/xhtml">
110 <p id="display">
111 </p>
112 <div id="content" style="display: none">
113 </div>
114 <pre id="test">
115 </pre>
116 </body>
117
118 </window>

mercurial