mozilla-central/browser/base/content/test/popupNotifications/browser_popupNotification_3.js (file symbol)

Source code

Revision control

Copy as Markdown

Other Tools

Test Info: Warnings

/* 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
);
// 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
);
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
);
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();
},
},
];