summaryrefslogtreecommitdiffstats
path: root/toolkit/content/tests/chrome/test_radio.xul
blob: 74ab66a34ea31de4699a6ccb8ef52536df61ed47 (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
<?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 radio buttons
  -->
<window title="Radio Buttons" width="500" height="600"
        onload="setTimeout(test_radio, 0);"
        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>  
  <script type="application/javascript" src="xul_selectcontrol.js"/>

<radiogroup id="radiogroup"/>

<radiogroup id="radiogroup-initwithvalue" value="two">
  <radio label="One" value="one"/>
  <radio label="Two" value="two"/>
  <radio label="Three" value="three"/>
</radiogroup>
<radiogroup id="radiogroup-initwithselected" value="two">
  <radio id="one" label="One" value="one" accesskey="o"/>
  <radio id="two" label="Two" value="two" accesskey="t"/>
  <radio label="Three" value="three" selected="true"/>
</radiogroup>

  <!-- 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[

SimpleTest.waitForExplicitFinish();

function test_radio()
{
  var element = document.getElementById("radiogroup");
  test_nsIDOMXULSelectControlElement(element, "radio", null);
  test_nsIDOMXULSelectControlElement_UI(element, null);

  window.blur();

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

  var radiogroup = $("radiogroup-initwithselected");
  is(document.activeElement, radiogroup, "accesskey focuses radiogroup");
  is(radiogroup.selectedItem, $("two"), "accesskey selects radio");

  $("radiogroup-initwithvalue").focus();

  $("one").disabled = true;
  synthesizeKey("o", accessKeyDetails);  

  is(document.activeElement, $("radiogroup-initwithvalue"), "accesskey on disabled radio doesn't focus");
  is(radiogroup.selectedItem, $("two"), "accesskey on disabled radio doesn't change selection");

  SimpleTest.finish();
}

]]>
</script>

</window>