summaryrefslogtreecommitdiffstats
path: root/toolkit/content/tests/chrome/test_bug562554.xul
blob: 7ee9ef03d69c1dd884636aa5efa6540512b700db (plain)
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
<?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"?>
<!--
  XUL Widget Test for bug 562554
  -->
<window title="Bug 562554" width="400" height="400"
        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
        xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
  <script type="application/javascript" src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script>  
  <script type="application/javascript" src="chrome://mochikit/content/tests/SimpleTest/EventUtils.js"></script>

<xbl:bindings xmlns:xbl="http://www.mozilla.org/xbl">
  <xbl:binding id="menu" display="xul:menu"
               extends="chrome://global/content/bindings/button.xml#button-base">
    <xbl:content>
      <xbl:children includes="menupopup"/>
      <xul:stack>
         <xul:button width="100" left="0" top="0" height="30" allowevents="true"
                     onclick="eventReceived('clickbutton1'); return false;"/>
         <xul:button width="100" left="70" top="0" height="30" 
                     onclick="eventReceived('clickbutton2'); return false;"/>
      </xul:stack>
    </xbl:content>
  </xbl:binding>
</xbl:bindings>

  <toolbarbutton type="menu" id="toolbarmenu" height="200" style="-moz-binding: url(#menu);">
    <menupopup id="menupopup" onpopupshowing="eventReceived('popupshowing'); return false;"/>
  </toolbarbutton>

  <!-- test results are displayed in the html:body -->
  <body xmlns="http://www.w3.org/1999/xhtml" style="height: 300px; overflow: auto;"/>

<script type="application/javascript">
<![CDATA[

SimpleTest.waitForExplicitFinish();
SimpleTest.waitForFocus(test);

// Tests that mouse events are correctly dispatched to <toolbarbutton type="menu"/>
function test() {
  disableNonTestMouseEvents(true);
  nextTest();
}

let tests = [
  // Click on the toolbarbutton itself - should call popupshowing
  () => synthesizeMouse($("toolbarmenu"), 10, 50, {}, window),

  // Click on button1 which has allowevents="true" - should call clickbutton1
  () => synthesizeMouse($("toolbarmenu"), 10, 15, {}, window),

  // Click on button2 where it intersects with button1 - should call popupshowing
  () => synthesizeMouse($("toolbarmenu"), 85, 15, {}, window),

  // Click on button2 outside of intersection - should call popupshowing
  () => synthesizeMouse($("toolbarmenu"), 150, 15, {}, window)
];

function nextTest() {
  if (tests.length) {
    let func = tests.shift();
    func();
    SimpleTest.executeSoon(nextTest);
  } else {
    disableNonTestMouseEvents(false);
    SimpleTest.executeSoon(finishTest);
  }
}

function finishTest() {
  is(eventCount.clickbutton1, 1, "Correct number of clicks on button 1");
  is(eventCount.clickbutton2, 0, "Correct number of clicks on button 2");
  is(eventCount.popupshowing, 3, "Correct number of popupshowing events received");

  SimpleTest.finish();
}

let eventCount = {
  popupshowing: 0,
  clickbutton1: 0,
  clickbutton2: 0
};

function eventReceived(eventName) {
  eventCount[eventName]++;
}

]]>
</script>
</window>