summaryrefslogtreecommitdiff
path: root/toolkit/content/tests/chrome/test_focus_anons.xul
blob: 848590887b0329bf371a1b4719ca954cea8c2116 (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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<?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="Tests for focus on elements with anonymous focusable children"
        onload="SimpleTest.waitForFocus(runTests);"
        xmlns="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>      

<label accesskey="a" control="menulist"/>
<label accesskey="b" control="textbox"/>
<label accesskey="c" control="scale"/>

<menulist id="menulist" editable="true">
  <menupopup>
    <menuitem label="One"/>
  </menupopup>
</menulist>
<textbox id="textbox"/>
<scale id="scale"/>

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

SimpleTest.waitForExplicitFinish();

var gBlurs = 0, gFocuses = 0;
var gExpectedBlur = "";
var gExpectedFocus = "";

function blurOccurred(event) {
  gBlurs++;
  is(event.originalTarget, gExpectedBlur, "blur " + gBlurs + "," + event.originalTarget.localName);
}

function focusOccurred(event) {
  gFocuses++;
  is(event.originalTarget, gExpectedFocus, "focus " + gFocuses + "," + event.originalTarget.localName);
}

function runTests()
{
  addEventListener("focus", focusOccurred, true);
  addEventListener("blur", blurOccurred, true);

  gExpectedBlur = null;
  gExpectedFocus = $("menulist").inputField;
  $("menulist").focus();

  gExpectedBlur = gExpectedFocus;
  gExpectedFocus = $("textbox").inputField;
  $("textbox").focus();

  gExpectedBlur = gExpectedFocus;
  gExpectedFocus = document.getAnonymousNodes($("scale"))[0];
  $("scale").focus();

  var accessKeyDetails = (navigator.platform.indexOf("Mac") >= 0) ?
                         { altKey: true, ctrlKey : true } :
                         { altKey : true, shiftKey: true };

  gExpectedBlur = document.getAnonymousNodes($("scale"))[0];
  gExpectedFocus = $("menulist").inputField;
  synthesizeKey("a", accessKeyDetails);

  gExpectedBlur = gExpectedFocus;
  gExpectedFocus = $("textbox").inputField;
  synthesizeKey("b", accessKeyDetails);

  gExpectedBlur = gExpectedFocus;
  gExpectedFocus = document.getAnonymousNodes($("scale"))[0];
  synthesizeKey("c", accessKeyDetails);

  if (navigator.platform.indexOf("Mac") == -1) {
    gExpectedBlur = gExpectedFocus;
    gExpectedFocus = $("textbox").inputField;
    synthesizeKey("VK_TAB", { shiftKey: true });

    gExpectedBlur = gExpectedFocus;
    gExpectedFocus = $("menulist").inputField;
    synthesizeKey("VK_TAB", { shiftKey: true });

    gExpectedBlur = gExpectedFocus;
    gExpectedFocus = $("textbox").inputField;
    synthesizeKey("VK_TAB", { });

    gExpectedBlur = gExpectedFocus;
    gExpectedFocus = document.getAnonymousNodes($("scale"))[0];
    synthesizeKey("VK_TAB", { });

    is(gBlurs, 9, "correct number of blurs");
    is(gFocuses, 10, "correct number of focuses");
  }
  else {
    is(gBlurs, 5, "correct number of blurs");
    is(gFocuses, 6, "correct number of focuses");
  }

  removeEventListener("focus", focusOccurred, true);
  removeEventListener("blur", blurOccurred, true);

  SimpleTest.finish();
}

]]>
</script>

<body xmlns="http://www.w3.org/1999/xhtml">
<p id="display">
</p>
<div id="content" style="display: none">
</div>
<pre id="test">
</pre>
</body>

</window>