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
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
|
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
function test() {
waitForExplicitFinish();
ok(PopupNotifications, "PopupNotifications object exists");
ok(PopupNotifications.panel, "PopupNotifications panel exists");
setup();
}
var tests = [
// Test optional params
{
id: "Test#1",
run() {
this.notifyObj = new BasicNotification(this.id);
this.notifyObj.secondaryActions = undefined;
this.notification = showNotification(this.notifyObj);
},
onShown(popup) {
checkPopup(popup, this.notifyObj);
dismissNotification(popup);
},
onHidden(popup) {
ok(
this.notifyObj.dismissalCallbackTriggered,
"dismissal callback triggered"
);
this.notification.remove();
ok(this.notifyObj.removedCallbackTriggered, "removed callback triggered");
},
},
// Test that icons appear
{
id: "Test#2",
run() {
this.notifyObj = new BasicNotification(this.id);
this.notifyObj.id = "geolocation";
this.notifyObj.anchorID = "geo-notification-icon";
this.notification = showNotification(this.notifyObj);
},
onShown(popup) {
checkPopup(popup, this.notifyObj);
isnot(
document.getElementById("geo-notification-icon").getBoundingClientRect()
.width,
0,
"geo anchor should be visible"
);
dismissNotification(popup);
},
onHidden(popup) {
let icon = document.getElementById("geo-notification-icon");
isnot(
icon.getBoundingClientRect().width,
0,
"geo anchor should be visible after dismissal"
);
this.notification.remove();
is(
icon.getBoundingClientRect().width,
0,
"geo anchor should not be visible after removal"
);
},
},
// Test that persistence allows the notification to persist across reloads
{
id: "Test#3",
async run() {
this.oldSelectedTab = gBrowser.selectedTab;
await BrowserTestUtils.openNewForegroundTab(
gBrowser,
// eslint-disable-next-line @microsoft/sdl/no-insecure-url
"http://example.com/"
);
this.notifyObj = new BasicNotification(this.id);
this.notifyObj.addOptions({
persistence: 2,
});
this.notification = showNotification(this.notifyObj);
},
async onShown(popup) {
this.complete = false;
// eslint-disable-next-line @microsoft/sdl/no-insecure-url
await promiseTabLoadEvent(gBrowser.selectedTab, "http://example.org/");
// eslint-disable-next-line @microsoft/sdl/no-insecure-url
await promiseTabLoadEvent(gBrowser.selectedTab, "http://example.com/");
// Next load will remove the notification
this.complete = true;
// eslint-disable-next-line @microsoft/sdl/no-insecure-url
await promiseTabLoadEvent(gBrowser.selectedTab, "http://example.org/");
},
onHidden(popup) {
ok(
this.complete,
"Should only have hidden the notification after 3 page loads"
);
ok(this.notifyObj.removedCallbackTriggered, "removal callback triggered");
gBrowser.removeTab(gBrowser.selectedTab);
gBrowser.selectedTab = this.oldSelectedTab;
},
},
// Test that a timeout allows the notification to persist across reloads
{
id: "Test#4",
async run() {
this.oldSelectedTab = gBrowser.selectedTab;
await BrowserTestUtils.openNewForegroundTab(
gBrowser,
// eslint-disable-next-line @microsoft/sdl/no-insecure-url
"http://example.com/"
);
this.notifyObj = new BasicNotification(this.id);
// Set a timeout of 10 minutes that should never be hit
this.notifyObj.addOptions({
timeout: Date.now() + 600000,
});
this.notification = showNotification(this.notifyObj);
},
async onShown(popup) {
this.complete = false;
// eslint-disable-next-line @microsoft/sdl/no-insecure-url
await promiseTabLoadEvent(gBrowser.selectedTab, "http://example.org/");
// eslint-disable-next-line @microsoft/sdl/no-insecure-url
await promiseTabLoadEvent(gBrowser.selectedTab, "http://example.com/");
// Next load will hide the notification
this.notification.options.timeout = Date.now() - 1;
this.complete = true;
// eslint-disable-next-line @microsoft/sdl/no-insecure-url
await promiseTabLoadEvent(gBrowser.selectedTab, "http://example.org/");
},
onHidden(popup) {
ok(
this.complete,
"Should only have hidden the notification after the timeout was passed"
);
this.notification.remove();
gBrowser.removeTab(gBrowser.selectedTab);
gBrowser.selectedTab = this.oldSelectedTab;
},
},
// Test that setting persistWhileVisible allows a visible notification to
// persist across location changes
{
id: "Test#5",
async run() {
this.oldSelectedTab = gBrowser.selectedTab;
await BrowserTestUtils.openNewForegroundTab(
gBrowser,
// eslint-disable-next-line @microsoft/sdl/no-insecure-url
"http://example.com/"
);
this.notifyObj = new BasicNotification(this.id);
this.notifyObj.addOptions({
persistWhileVisible: true,
});
this.notification = showNotification(this.notifyObj);
},
async onShown(popup) {
this.complete = false;
// eslint-disable-next-line @microsoft/sdl/no-insecure-url
await promiseTabLoadEvent(gBrowser.selectedTab, "http://example.org/");
// eslint-disable-next-line @microsoft/sdl/no-insecure-url
await promiseTabLoadEvent(gBrowser.selectedTab, "http://example.com/");
// Notification should persist across location changes
this.complete = true;
dismissNotification(popup);
},
onHidden(popup) {
ok(
this.complete,
"Should only have hidden the notification after it was dismissed"
);
this.notification.remove();
gBrowser.removeTab(gBrowser.selectedTab);
gBrowser.selectedTab = this.oldSelectedTab;
},
},
// Test that nested icon nodes correctly activate popups
{
id: "Test#6",
run() {
// Add a temporary box as the anchor with a button
this.box = document.createXULElement("box");
PopupNotifications.iconBox.appendChild(this.box);
let button = document.createXULElement("button");
button.setAttribute("label", "Please click me!");
this.box.appendChild(button);
// The notification should open up on the box
this.notifyObj = new BasicNotification(this.id);
this.notifyObj.anchorID = this.box.id = "nested-box";
this.notifyObj.addOptions({ dismissed: true });
this.notification = showNotification(this.notifyObj);
// This test places a normal button in the notification area, which has
// standard GTK styling and dimensions. Due to the clip-path, this button
// gets clipped off, which makes it necessary to synthesize the mouse click
// a little bit downward. To be safe, I adjusted the x-offset with the same
// amount.
EventUtils.synthesizeMouse(button, 4, 4, {});
},
onShown(popup) {
checkPopup(popup, this.notifyObj);
dismissNotification(popup);
},
onHidden(popup) {
this.notification.remove();
this.box.remove();
},
},
// Test that popupnotifications without popups have anchor icons shown
{
id: "Test#7",
async run() {
let notifyObj = new BasicNotification(this.id);
notifyObj.anchorID = "geo-notification-icon";
notifyObj.addOptions({ neverShow: true });
let promiseTopic = TestUtils.topicObserved(
"PopupNotifications-updateNotShowing"
);
showNotification(notifyObj);
await promiseTopic;
isnot(
document.getElementById("geo-notification-icon").getBoundingClientRect()
.width,
0,
"geo anchor should be visible"
);
goNext();
},
},
// Test that autoplay media icon is shown
{
id: "Test#8",
async run() {
let notifyObj = new BasicNotification(this.id);
notifyObj.anchorID = "autoplay-media-notification-icon";
notifyObj.addOptions({ neverShow: true });
let promiseTopic = TestUtils.topicObserved(
"PopupNotifications-updateNotShowing"
);
showNotification(notifyObj);
await promiseTopic;
isnot(
document
.getElementById("autoplay-media-notification-icon")
.getBoundingClientRect().width,
0,
"autoplay media icon should be visible"
);
goNext();
},
},
// Test notification close button
{
id: "Test#9",
run() {
this.notifyObj = new BasicNotification(this.id);
this.notification = showNotification(this.notifyObj);
},
onShown(popup) {
checkPopup(popup, this.notifyObj);
let notification = popup.children[0];
EventUtils.synthesizeMouseAtCenter(notification.closebutton, {});
},
onHidden(popup) {
ok(
this.notifyObj.dismissalCallbackTriggered,
"dismissal callback triggered"
);
this.notification.remove();
ok(this.notifyObj.removedCallbackTriggered, "removed callback triggered");
ok(
!this.notifyObj.secondaryActionClicked,
"secondary action not clicked"
);
},
},
// Test notification when chrome is hidden
{
id: "Test#11",
run() {
window.locationbar.visible = false;
this.notifyObj = new BasicNotification(this.id);
this.notification = showNotification(this.notifyObj);
},
onShown(popup) {
checkPopup(popup, this.notifyObj);
is(
popup.anchorNode.className,
"tabbrowser-tab",
"notification anchored to tab"
);
dismissNotification(popup);
},
onHidden(popup) {
ok(
this.notifyObj.dismissalCallbackTriggered,
"dismissal callback triggered"
);
this.notification.remove();
ok(this.notifyObj.removedCallbackTriggered, "removed callback triggered");
window.locationbar.visible = true;
},
},
];
|
