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
120
121
122
123
124
125
126
|
<!DOCTYPE HTML>
<html>
<head>
<title>Test for HTMLDetailsElement HandleCommandInternal</title>
<script src="/tests/SimpleTest/SimpleTest.js"></script>
<script src="/tests/SimpleTest/EventUtils.js"></script>
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
</head>
<body>
<details id="details">
<summary>Summary</summary>
<p>Details content</p>
</details>
<button id="toggleBtn" commandfor="details" command="toggle">Toggle</button>
<button id="openBtn" commandfor="details" command="open">Open</button>
<button id="closeBtn" commandfor="details" command="close">Close</button>
<details id="popoverDetails" popover>
<summary>Popover Summary</summary>
<p>Popover details content</p>
</details>
<button id="showPopoverBtn" commandfor="popoverDetails" command="show-popover">Show Popover</button>
<button id="hidePopoverBtn" commandfor="popoverDetails" command="hide-popover">Hide Popover</button>
<button id="togglePopoverBtn" commandfor="popoverDetails" command="toggle-popover">Toggle Popover</button>
<script>
(async () => {
SimpleTest.waitForExplicitFinish();
// Test with details pref disabled - details commands should have no effect
await SpecialPowers.pushPrefEnv({
set: [
["dom.element.commandfor.enabled", true],
["dom.element.commandfor.on_details.enabled", false],
]
});
details.removeAttribute("open");
ok(!details.open, "[pref=false] Details should start closed");
toggleBtn.click();
ok(!details.open, "[pref=false] Toggle should have no effect on closed details");
details.setAttribute("open", "");
ok(details.open, "[pref=false] Details manually opened");
toggleBtn.click();
ok(details.open, "[pref=false] Toggle should have no effect on open details");
closeBtn.click();
ok(details.open, "[pref=false] Close should have no effect");
details.removeAttribute("open");
openBtn.click();
ok(!details.open, "[pref=false] Open should have no effect");
// Test popover commands with pref disabled - should still work (handled by base class)
ok(!popoverDetails.matches(":popover-open"), "[pref=false] Popover details should start hidden");
showPopoverBtn.click();
ok(popoverDetails.matches(":popover-open"), "[pref=false] show-popover should show popover details");
showPopoverBtn.click();
ok(popoverDetails.matches(":popover-open"), "[pref=false] show-popover on visible popover should keep it visible");
hidePopoverBtn.click();
ok(!popoverDetails.matches(":popover-open"), "[pref=false] hide-popover should hide popover details");
hidePopoverBtn.click();
ok(!popoverDetails.matches(":popover-open"), "[pref=false] hide-popover on hidden popover should keep it hidden");
togglePopoverBtn.click();
ok(popoverDetails.matches(":popover-open"), "[pref=false] toggle-popover should show hidden popover");
togglePopoverBtn.click();
ok(!popoverDetails.matches(":popover-open"), "[pref=false] toggle-popover should hide visible popover");
// Test with details pref enabled - details commands should work
await SpecialPowers.pushPrefEnv({
set: [["dom.element.commandfor.on_details.enabled", true]]
});
details.removeAttribute("open");
ok(!details.open, "[pref=true] Details should start closed");
toggleBtn.click();
ok(details.open, "[pref=true] Toggle on closed details should open it");
toggleBtn.click();
ok(!details.open, "[pref=true] Toggle on open details should close it");
openBtn.click();
ok(details.open, "[pref=true] Open command should open closed details");
openBtn.click();
ok(details.open, "[pref=true] Open command on open details should keep it open");
closeBtn.click();
ok(!details.open, "[pref=true] Close command should close open details");
closeBtn.click();
ok(!details.open, "[pref=true] Close command on closed details should keep it closed");
// Test popover commands with pref enabled - should still work
ok(!popoverDetails.matches(":popover-open"), "[pref=true] Popover details should start hidden");
showPopoverBtn.click();
ok(popoverDetails.matches(":popover-open"), "[pref=true] show-popover should show popover details");
hidePopoverBtn.click();
ok(!popoverDetails.matches(":popover-open"), "[pref=true] hide-popover should hide popover details");
togglePopoverBtn.click();
ok(popoverDetails.matches(":popover-open"), "[pref=true] toggle-popover should show hidden popover");
togglePopoverBtn.click();
ok(!popoverDetails.matches(":popover-open"), "[pref=true] toggle-popover should hide visible popover");
SimpleTest.finish();
})();
</script>
</body>
</html>
|
