378 lines
12 KiB
JavaScript
378 lines
12 KiB
JavaScript
/* 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/. */
|
|
/* eslint-disable mozilla/no-arbitrary-setTimeout */
|
|
|
|
function test() {
|
|
waitForExplicitFinish();
|
|
|
|
ok(PopupNotifications, "PopupNotifications object exists");
|
|
ok(PopupNotifications.panel, "PopupNotifications panel exists");
|
|
|
|
setup();
|
|
}
|
|
|
|
var tests = [
|
|
// Test notification is removed when dismissed if removeOnDismissal is true
|
|
{
|
|
id: "Test#1",
|
|
run() {
|
|
this.notifyObj = new BasicNotification(this.id);
|
|
this.notifyObj.addOptions({
|
|
removeOnDismissal: true,
|
|
});
|
|
this.notification = showNotification(this.notifyObj);
|
|
},
|
|
onShown(popup) {
|
|
checkPopup(popup, this.notifyObj);
|
|
dismissNotification(popup);
|
|
},
|
|
onHidden() {
|
|
ok(
|
|
!this.notifyObj.dismissalCallbackTriggered,
|
|
"dismissal callback wasn't triggered"
|
|
);
|
|
ok(this.notifyObj.removedCallbackTriggered, "removed callback triggered");
|
|
},
|
|
},
|
|
// Test multiple notification icons are shown
|
|
{
|
|
id: "Test#2",
|
|
run() {
|
|
this.notifyObj1 = new BasicNotification(this.id);
|
|
this.notifyObj1.id += "_1";
|
|
this.notifyObj1.anchorID = "default-notification-icon";
|
|
this.notification1 = showNotification(this.notifyObj1);
|
|
|
|
this.notifyObj2 = new BasicNotification(this.id);
|
|
this.notifyObj2.id += "_2";
|
|
this.notifyObj2.anchorID = "geo-notification-icon";
|
|
this.notification2 = showNotification(this.notifyObj2);
|
|
},
|
|
onShown(popup) {
|
|
checkPopup(popup, this.notifyObj2);
|
|
|
|
// check notifyObj1 anchor icon is showing
|
|
isnot(
|
|
document
|
|
.getElementById("default-notification-icon")
|
|
.getBoundingClientRect().width,
|
|
0,
|
|
"default anchor should be visible"
|
|
);
|
|
// check notifyObj2 anchor icon is showing
|
|
isnot(
|
|
document.getElementById("geo-notification-icon").getBoundingClientRect()
|
|
.width,
|
|
0,
|
|
"geo anchor should be visible"
|
|
);
|
|
|
|
dismissNotification(popup);
|
|
},
|
|
onHidden() {
|
|
this.notification1.remove();
|
|
ok(
|
|
this.notifyObj1.removedCallbackTriggered,
|
|
"removed callback triggered"
|
|
);
|
|
|
|
this.notification2.remove();
|
|
ok(
|
|
this.notifyObj2.removedCallbackTriggered,
|
|
"removed callback triggered"
|
|
);
|
|
},
|
|
},
|
|
// Test that multiple notification icons are removed when switching tabs
|
|
{
|
|
id: "Test#3",
|
|
async run() {
|
|
// show the notification on old tab.
|
|
this.notifyObjOld = new BasicNotification(this.id);
|
|
this.notifyObjOld.anchorID = "default-notification-icon";
|
|
this.notificationOld = showNotification(this.notifyObjOld);
|
|
|
|
// switch tab
|
|
this.oldSelectedTab = gBrowser.selectedTab;
|
|
await BrowserTestUtils.openNewForegroundTab(
|
|
gBrowser,
|
|
// eslint-disable-next-line @microsoft/sdl/no-insecure-url
|
|
"http://example.com/"
|
|
);
|
|
|
|
// show the notification on new tab.
|
|
this.notifyObjNew = new BasicNotification(this.id);
|
|
this.notifyObjNew.anchorID = "geo-notification-icon";
|
|
this.notificationNew = showNotification(this.notifyObjNew);
|
|
},
|
|
onShown(popup) {
|
|
checkPopup(popup, this.notifyObjNew);
|
|
|
|
// check notifyObjOld anchor icon is removed
|
|
is(
|
|
document
|
|
.getElementById("default-notification-icon")
|
|
.getBoundingClientRect().width,
|
|
0,
|
|
"default anchor shouldn't be visible"
|
|
);
|
|
// check notifyObjNew anchor icon is showing
|
|
isnot(
|
|
document.getElementById("geo-notification-icon").getBoundingClientRect()
|
|
.width,
|
|
0,
|
|
"geo anchor should be visible"
|
|
);
|
|
|
|
dismissNotification(popup);
|
|
},
|
|
onHidden() {
|
|
this.notificationNew.remove();
|
|
gBrowser.removeTab(gBrowser.selectedTab);
|
|
|
|
gBrowser.selectedTab = this.oldSelectedTab;
|
|
this.notificationOld.remove();
|
|
},
|
|
},
|
|
// test security delay - too early
|
|
{
|
|
id: "Test#4",
|
|
async run() {
|
|
// Set the security delay to 100s
|
|
await SpecialPowers.pushPrefEnv({
|
|
set: [["security.notification_enable_delay", 100000]],
|
|
});
|
|
|
|
this.notifyObj = new BasicNotification(this.id);
|
|
showNotification(this.notifyObj);
|
|
},
|
|
onShown(popup) {
|
|
checkPopup(popup, this.notifyObj);
|
|
triggerMainCommand(popup);
|
|
|
|
// Wait to see if the main command worked
|
|
executeSoon(function delayedDismissal() {
|
|
dismissNotification(popup);
|
|
});
|
|
},
|
|
onHidden() {
|
|
ok(
|
|
!this.notifyObj.mainActionClicked,
|
|
"mainAction was not clicked because it was too soon"
|
|
);
|
|
ok(
|
|
this.notifyObj.dismissalCallbackTriggered,
|
|
"dismissal callback was triggered"
|
|
);
|
|
},
|
|
},
|
|
// test security delay - after delay
|
|
{
|
|
id: "Test#5",
|
|
async run() {
|
|
// Set the security delay to 10ms
|
|
|
|
await SpecialPowers.pushPrefEnv({
|
|
set: [["security.notification_enable_delay", 10]],
|
|
});
|
|
|
|
this.notifyObj = new BasicNotification(this.id);
|
|
showNotification(this.notifyObj);
|
|
},
|
|
onShown(popup) {
|
|
checkPopup(popup, this.notifyObj);
|
|
|
|
// Wait until after the delay to trigger the main action
|
|
setTimeout(function delayedDismissal() {
|
|
triggerMainCommand(popup);
|
|
}, 500);
|
|
},
|
|
onHidden() {
|
|
ok(
|
|
this.notifyObj.mainActionClicked,
|
|
"mainAction was clicked after the delay"
|
|
);
|
|
ok(
|
|
!this.notifyObj.dismissalCallbackTriggered,
|
|
"dismissal callback was not triggered"
|
|
);
|
|
},
|
|
},
|
|
// reload removes notification
|
|
{
|
|
id: "Test#6",
|
|
async run() {
|
|
// eslint-disable-next-line @microsoft/sdl/no-insecure-url
|
|
await promiseTabLoadEvent(gBrowser.selectedTab, "http://example.com/");
|
|
let notifyObj = new BasicNotification(this.id);
|
|
notifyObj.options.eventCallback = function (eventName) {
|
|
if (eventName == "removed") {
|
|
ok(true, "Notification removed in background tab after reloading");
|
|
goNext();
|
|
}
|
|
};
|
|
showNotification(notifyObj);
|
|
executeSoon(function () {
|
|
gBrowser.selectedBrowser.reload();
|
|
});
|
|
},
|
|
},
|
|
// location change in background tab removes notification
|
|
{
|
|
id: "Test#7",
|
|
async run() {
|
|
let oldSelectedTab = gBrowser.selectedTab;
|
|
let newTab = await BrowserTestUtils.openNewForegroundTab(
|
|
gBrowser,
|
|
// eslint-disable-next-line @microsoft/sdl/no-insecure-url
|
|
"http://example.com/"
|
|
);
|
|
gBrowser.selectedTab = oldSelectedTab;
|
|
let browser = gBrowser.getBrowserForTab(newTab);
|
|
|
|
let notifyObj = new BasicNotification(this.id);
|
|
notifyObj.browser = browser;
|
|
notifyObj.options.eventCallback = function (eventName) {
|
|
if (eventName == "removed") {
|
|
ok(true, "Notification removed in background tab after reloading");
|
|
executeSoon(function () {
|
|
gBrowser.removeTab(newTab);
|
|
goNext();
|
|
});
|
|
}
|
|
};
|
|
showNotification(notifyObj);
|
|
executeSoon(function () {
|
|
browser.reload();
|
|
});
|
|
},
|
|
},
|
|
// Popup notification anchor shouldn't disappear when a notification with the same ID is re-added in a background tab
|
|
{
|
|
id: "Test#8",
|
|
async run() {
|
|
// eslint-disable-next-line @microsoft/sdl/no-insecure-url
|
|
await promiseTabLoadEvent(gBrowser.selectedTab, "http://example.com/");
|
|
let originalTab = gBrowser.selectedTab;
|
|
let bgTab = await BrowserTestUtils.openNewForegroundTab(
|
|
gBrowser,
|
|
// eslint-disable-next-line @microsoft/sdl/no-insecure-url
|
|
"http://example.com/"
|
|
);
|
|
let anchor = document.createXULElement("box");
|
|
anchor.id = "test26-anchor";
|
|
anchor.className = "notification-anchor-icon";
|
|
PopupNotifications.iconBox.appendChild(anchor);
|
|
|
|
gBrowser.selectedTab = originalTab;
|
|
|
|
let fgNotifyObj = new BasicNotification(this.id);
|
|
fgNotifyObj.anchorID = anchor.id;
|
|
fgNotifyObj.options.dismissed = true;
|
|
let fgNotification = showNotification(fgNotifyObj);
|
|
|
|
let bgNotifyObj = new BasicNotification(this.id);
|
|
bgNotifyObj.anchorID = anchor.id;
|
|
bgNotifyObj.browser = gBrowser.getBrowserForTab(bgTab);
|
|
// show the notification in the background tab ...
|
|
let bgNotification = showNotification(bgNotifyObj);
|
|
// ... and re-show it
|
|
bgNotification = showNotification(bgNotifyObj);
|
|
|
|
ok(fgNotification.id, "notification has id");
|
|
is(fgNotification.id, bgNotification.id, "notification ids are the same");
|
|
is(anchor.getAttribute("showing"), "true", "anchor still showing");
|
|
|
|
fgNotification.remove();
|
|
gBrowser.removeTab(bgTab);
|
|
goNext();
|
|
},
|
|
},
|
|
// location change in an embedded frame should not remove a notification
|
|
{
|
|
id: "Test#9",
|
|
async run() {
|
|
await promiseTabLoadEvent(
|
|
gBrowser.selectedTab,
|
|
"data:text/html;charset=utf8,<iframe%20id='iframe'%20src='http://example.com/'>"
|
|
);
|
|
this.notifyObj = new BasicNotification(this.id);
|
|
this.notifyObj.options.eventCallback = function (eventName) {
|
|
if (eventName == "removed") {
|
|
ok(
|
|
false,
|
|
"Notification removed from browser when subframe navigated"
|
|
);
|
|
}
|
|
};
|
|
showNotification(this.notifyObj);
|
|
},
|
|
async onShown() {
|
|
info("Adding observer and performing navigation");
|
|
|
|
await Promise.all([
|
|
BrowserUtils.promiseObserved("window-global-created", wgp =>
|
|
// eslint-disable-next-line @microsoft/sdl/no-insecure-url
|
|
wgp.documentURI.spec.startsWith("http://example.org/")
|
|
),
|
|
SpecialPowers.spawn(gBrowser.selectedBrowser, [], function () {
|
|
content.document
|
|
.getElementById("iframe")
|
|
// eslint-disable-next-line @microsoft/sdl/no-insecure-url
|
|
.setAttribute("src", "http://example.org/");
|
|
}),
|
|
]);
|
|
|
|
executeSoon(() => {
|
|
let notification = PopupNotifications.getNotification(
|
|
this.notifyObj.id,
|
|
this.notifyObj.browser
|
|
);
|
|
Assert.notEqual(
|
|
notification,
|
|
null,
|
|
"Notification remained when subframe navigated"
|
|
);
|
|
this.notifyObj.options.eventCallback = undefined;
|
|
|
|
notification.remove();
|
|
});
|
|
},
|
|
onHidden() {},
|
|
},
|
|
// Popup Notifications should catch exceptions from callbacks
|
|
{
|
|
id: "Test#10",
|
|
run() {
|
|
this.testNotif1 = new BasicNotification(this.id);
|
|
this.testNotif1.message += " 1";
|
|
this.notification1 = showNotification(this.testNotif1);
|
|
this.testNotif1.options.eventCallback = function (eventName) {
|
|
info("notifyObj1.options.eventCallback: " + eventName);
|
|
if (eventName == "dismissed") {
|
|
throw new Error("Oops 1!");
|
|
}
|
|
};
|
|
|
|
this.testNotif2 = new BasicNotification(this.id);
|
|
this.testNotif2.message += " 2";
|
|
this.testNotif2.id += "-2";
|
|
this.testNotif2.options.eventCallback = function (eventName) {
|
|
info("notifyObj2.options.eventCallback: " + eventName);
|
|
if (eventName == "dismissed") {
|
|
throw new Error("Oops 2!");
|
|
}
|
|
};
|
|
this.notification2 = showNotification(this.testNotif2);
|
|
},
|
|
onShown(popup) {
|
|
is(popup.children.length, 2, "two notifications are shown");
|
|
dismissNotification(popup);
|
|
},
|
|
onHidden() {
|
|
this.notification1.remove();
|
|
this.notification2.remove();
|
|
},
|
|
},
|
|
];
|