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
|
<?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 src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script>
<script 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>
<radiogroup id="radio-creation" hidden="true" />
<!-- 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();
async function test_radio()
{
var element = document.getElementById("radiogroup");
test_nsIDOMXULSelectControlElement(element, "radio", null);
test_nsIDOMXULSelectControlElement_UI(element, null);
window.blur();
var accessKeyDetails = (navigator.platform.includes("Mac")) ?
{ 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");
info("Testing appending child");
var dynamicRadiogroup = document.querySelector("#radio-creation");
var radio = document.createXULElement("radio");
radio.setAttribute("selected", "true");
radio.setAttribute("label", "one");
radio.setAttribute("value", "one");
dynamicRadiogroup.appendChild(radio);
dynamicRadiogroup.appendChild(document.createXULElement("radio"));
dynamicRadiogroup.hidden = false;
info("Waiting for condition");
await SimpleTest.promiseWaitForCondition(() => dynamicRadiogroup.value == "one",
"Value gets set once child is constructed");
is(dynamicRadiogroup._radioChildren.length, 2, "Correct number of children");
SimpleTest.finish();
}
]]>
</script>
</window>
|
