/* ***** BEGIN LICENSE BLOCK ***** * Version: MPL 1.1/GPL 2.0/LGPL 2.1 * * The contents of this file are subject to the Mozilla Public License Version * 1.1 (the "License"); you may not use this file except in compliance with * the License. You may obtain a copy of the License at * http://www.mozilla.org/MPL/ * * Software distributed under the License is distributed on an "AS IS" basis, * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License * for the specific language governing rights and limitations under the * License. * * The Original Code is browser popup notification test code. * * The Initial Developer of the Original Code is * the Mozilla Foundation. * Portions created by the Initial Developer are Copyright (C) 2010 * the Initial Developer. All Rights Reserved. * * Contributor(s): * Gavin Sharp * Sylvain Pasche * Drew Willcoxon * Margaret Leibovic * * Alternatively, the contents of this file may be used under the terms of * either the GNU General Public License Version 2 or later (the "GPL"), or * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"), * in which case the provisions of the GPL or the LGPL are applicable instead * of those above. If you wish to allow use of your version of this file only * under the terms of either the GPL or the LGPL, and not to allow others to * use your version of this file under the terms of the MPL, indicate your * decision by deleting the provisions above and replace them with the notice * and other provisions required by the GPL or the LGPL. If you do not delete * the provisions above, a recipient may use your version of this file under * the terms of any one of the MPL, the GPL or the LGPL. * * ***** END LICENSE BLOCK ***** */ function test() { waitForExplicitFinish(); ok(PopupNotifications, "PopupNotifications object exists"); ok(PopupNotifications.panel, "PopupNotifications panel exists"); registerCleanupFunction(cleanUp); runNextTest(); } function cleanUp() { for (var topic in gActiveObservers) Services.obs.removeObserver(gActiveObservers[topic], topic); for (var eventName in gActiveListeners) PopupNotifications.panel.removeEventListener(eventName, gActiveListeners[eventName], false); } var gActiveListeners = {}; var gActiveObservers = {}; function runNextTest() { let nextTest = tests[gTestIndex]; function goNext() { if (++gTestIndex == tests.length) executeSoon(finish); else executeSoon(runNextTest); } function addObserver(topic) { function observer() { Services.obs.removeObserver(observer, "PopupNotifications-" + topic); delete gActiveObservers["PopupNotifications-" + topic]; info("[Test #" + gTestIndex + "] observer for " + topic + " called"); nextTest[topic](); goNext(); } Services.obs.addObserver(observer, "PopupNotifications-" + topic, false); gActiveObservers["PopupNotifications-" + topic] = observer; } if (nextTest.backgroundShow) { addObserver("backgroundShow"); } else if (nextTest.updateNotShowing) { addObserver("updateNotShowing"); } else { doOnPopupEvent("popupshowing", function () { info("[Test #" + gTestIndex + "] popup showing"); }); doOnPopupEvent("popupshown", function () { info("[Test #" + gTestIndex + "] popup shown"); nextTest.onShown(this); }); // We allow multiple onHidden functions to be defined in an array. They're // called in the order they appear. let onHiddenArray = nextTest.onHidden instanceof Array ? nextTest.onHidden : [nextTest.onHidden]; doOnPopupEvent("popuphidden", function () { let onHidden = onHiddenArray.shift(); info("[Test #" + gTestIndex + "] popup hidden (" + onHiddenArray.length + " hides remaining)"); onHidden.call(nextTest, this); if (!onHiddenArray.length) goNext(); }, onHiddenArray.length); info("[Test #" + gTestIndex + "] added listeners; panel state: " + PopupNotifications.isPanelOpen); } info("[Test #" + gTestIndex + "] running test"); nextTest.run(); } function doOnPopupEvent(eventName, callback, numExpected) { gActiveListeners[eventName] = function (event) { if (event.target != PopupNotifications.panel) return; if (typeof(numExpected) === "number") numExpected--; if (!numExpected) { PopupNotifications.panel.removeEventListener(eventName, gActiveListeners[eventName], false); delete gActiveListeners[eventName]; } callback.call(PopupNotifications.panel); } PopupNotifications.panel.addEventListener(eventName, gActiveListeners[eventName], false); } var gTestIndex = 0; var gNewTab; function basicNotification() { var self = this; this.browser = gBrowser.selectedBrowser; this.id = "test-notification-" + gTestIndex; this.message = "This is popup notification " + this.id + " from test " + gTestIndex; this.anchorID = null; this.mainAction = { label: "Main Action", accessKey: "M", callback: function () { self.mainActionClicked = true; } }; this.secondaryActions = [ { label: "Secondary Action", accessKey: "S", callback: function () { self.secondaryActionClicked = true; } } ]; this.options = { eventCallback: function (eventName) { switch (eventName) { case "dismissed": self.dismissalCallbackTriggered = true; break; case "shown": self.shownCallbackTriggered = true; break; case "removed": self.removedCallbackTriggered = true; break; } } }; this.addOptions = function(options) { for (let [name, value] in Iterator(options)) self.options[name] = value; } } var wrongBrowserNotificationObject = new basicNotification(); var wrongBrowserNotification; var tests = [ { // Test #0 run: function () { this.notifyObj = new basicNotification(), showNotification(this.notifyObj); }, onShown: function (popup) { checkPopup(popup, this.notifyObj); triggerMainCommand(popup); }, onHidden: function (popup) { ok(this.notifyObj.mainActionClicked, "mainAction was clicked"); } }, { // Test #1 run: function () { this.notifyObj = new basicNotification(), showNotification(this.notifyObj); }, onShown: function (popup) { checkPopup(popup, this.notifyObj); triggerSecondaryCommand(popup, 0); }, onHidden: function (popup) { ok(this.notifyObj.secondaryActionClicked, "secondaryAction was clicked"); } }, { // Test #2 run: function () { this.notifyObj = new basicNotification(), this.notification = showNotification(this.notifyObj); }, onShown: function (popup) { checkPopup(popup, this.notifyObj); dismissNotification(popup); }, onHidden: function (popup) { ok(this.notifyObj.dismissalCallbackTriggered, "dismissal callback triggered"); this.notification.remove(); ok(this.notifyObj.removedCallbackTriggered, "removed callback triggered"); } }, // test opening a notification for a background browser { // Test #3 run: function () { gNewTab = gBrowser.addTab("about:blank"); isnot(gBrowser.selectedTab, gNewTab, "new tab isn't selected"); wrongBrowserNotificationObject.browser = gBrowser.getBrowserForTab(gNewTab); wrongBrowserNotification = showNotification(wrongBrowserNotificationObject); }, backgroundShow: function () { is(PopupNotifications.isPanelOpen, false, "panel isn't open"); ok(!wrongBrowserNotificationObject.mainActionClicked, "main action wasn't clicked"); ok(!wrongBrowserNotificationObject.secondaryActionClicked, "secondary action wasn't clicked"); ok(!wrongBrowserNotificationObject.dismissalCallbackTriggered, "dismissal callback wasn't called"); } }, // now select that browser and test to see that the notification appeared { // Test #4 run: function () { this.oldSelectedTab = gBrowser.selectedTab; gBrowser.selectedTab = gNewTab; }, onShown: function (popup) { checkPopup(popup, wrongBrowserNotificationObject); is(PopupNotifications.isPanelOpen, true, "isPanelOpen getter doesn't lie"); // switch back to the old browser gBrowser.selectedTab = this.oldSelectedTab; }, onHidden: function (popup) { // actually remove the notification to prevent it from reappearing ok(!wrongBrowserNotificationObject.dismissalCallbackTriggered, "dismissal callback wasn't called"); wrongBrowserNotification.remove(); ok(!wrongBrowserNotificationObject.dismissalCallbackTriggered, "dismissal callback wasn't called after remove()"); ok(wrongBrowserNotificationObject.removedCallbackTriggered, "removed callback triggered"); wrongBrowserNotification = null; } }, // test that the removed notification isn't shown on browser re-select { // Test #5 run: function () { gBrowser.selectedTab = gNewTab; }, updateNotShowing: function () { is(PopupNotifications.isPanelOpen, false, "panel isn't open"); gBrowser.removeTab(gNewTab); } }, // Test that two notifications with the same ID result in a single displayed // notification. { // Test #6 run: function () { this.notifyObj = new basicNotification(), // Show the same notification twice this.notification1 = showNotification(this.notifyObj); this.notification2 = showNotification(this.notifyObj); }, onShown: function (popup) { checkPopup(popup, this.notifyObj); this.notification2.remove(); }, onHidden: function (popup) { } }, // Test that two notifications with different IDs are displayed { // Test #7 run: function () { this.testNotif1 = new basicNotification(); this.testNotif1.message += " 1"; showNotification(this.testNotif1); this.testNotif2 = new basicNotification(); this.testNotif2.message += " 2"; this.testNotif2.id += "-2"; showNotification(this.testNotif2); }, onShown: function (popup) { is(popup.childNodes.length, 2, "two notifications are shown"); // Trigger the main command for the first notification, and the secondary // for the second. Need to do mainCommand first since the secondaryCommand // triggering is async. triggerMainCommand(popup); is(popup.childNodes.length, 1, "only one notification left"); triggerSecondaryCommand(popup, 0); }, onHidden: function (popup) { ok(this.testNotif1.mainActionClicked, "main action #1 was clicked"); ok(!this.testNotif1.secondaryActionClicked, "secondary action #1 wasn't clicked"); ok(!this.testNotif1.dismissalCallbackTriggered, "dismissal callback #1 wasn't called"); ok(!this.testNotif2.mainActionClicked, "main action #2 wasn't clicked"); ok(this.testNotif2.secondaryActionClicked, "secondary action #2 was clicked"); ok(!this.testNotif2.dismissalCallbackTriggered, "dismissal callback #2 wasn't called"); } }, // Test notification without mainAction { // Test #8 run: function () { this.notifyObj = new basicNotification(), this.notifyObj.mainAction = null; this.notification = showNotification(this.notifyObj); }, onShown: function (popup) { checkPopup(popup, this.notifyObj); dismissNotification(popup); }, onHidden: function (popup) { this.notification.remove(); } }, // Test two notifications with different anchors { // Test #9 run: function () { this.notifyObj = new basicNotification(); this.firstNotification = showNotification(this.notifyObj); this.notifyObj2 = new basicNotification(); this.notifyObj2.id += "-2"; this.notifyObj2.anchorID = "addons-notification-icon"; // Second showNotification() overrides the first this.secondNotification = showNotification(this.notifyObj2); }, onShown: function (popup) { // This also checks that only one element is shown. checkPopup(popup, this.notifyObj2); is(document.getElementById("geo-notification-icon").boxObject.width, 0, "geo anchor shouldn't be visible"); dismissNotification(popup); }, onHidden: [ // The second showing triggers a popuphidden event that we should ignore. function (popup) {}, function (popup) { // Remove the notifications this.firstNotification.remove(); this.secondNotification.remove(); ok(this.notifyObj.removedCallbackTriggered, "removed callback triggered"); ok(this.notifyObj2.removedCallbackTriggered, "removed callback triggered"); } ] }, // Test optional params { // Test #10 run: function () { this.notifyObj = new basicNotification(); this.notifyObj.secondaryActions = undefined; this.notification = showNotification(this.notifyObj); }, onShown: function (popup) { checkPopup(popup, this.notifyObj); dismissNotification(popup); }, onHidden: function (popup) { ok(this.notifyObj.dismissalCallbackTriggered, "dismissal callback triggered"); this.notification.remove(); ok(this.notifyObj.removedCallbackTriggered, "removed callback triggered"); } }, // Test that icons appear { // Test #11 run: function () { this.notifyObj = new basicNotification(); this.notifyObj.id = "geolocation"; this.notifyObj.anchorID = "geo-notification-icon"; this.notification = showNotification(this.notifyObj); }, onShown: function (popup) { checkPopup(popup, this.notifyObj); isnot(document.getElementById("geo-notification-icon").boxObject.width, 0, "geo anchor should be visible"); dismissNotification(popup); }, onHidden: function (popup) { let icon = document.getElementById("geo-notification-icon"); isnot(icon.boxObject.width, 0, "geo anchor should be visible after dismissal"); this.notification.remove(); is(icon.boxObject.width, 0, "geo anchor should not be visible after removal"); } }, // Test that persistence allows the notification to persist across reloads { // Test #12 run: function () { this.oldSelectedTab = gBrowser.selectedTab; gBrowser.selectedTab = gBrowser.addTab("about:blank"); let self = this; loadURI("http://example.com/", function() { self.notifyObj = new basicNotification(); self.notifyObj.addOptions({ persistence: 2 }); self.notification = showNotification(self.notifyObj); }); }, onShown: function (popup) { this.complete = false; let self = this; loadURI("http://example.org/", function() { loadURI("http://example.com/", function() { // Next load will remove the notification self.complete = true; loadURI("http://example.org/"); }); }); }, onHidden: function (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 { // Test #13 run: function () { this.oldSelectedTab = gBrowser.selectedTab; gBrowser.selectedTab = gBrowser.addTab("about:blank"); let self = this; loadURI("http://example.com/", function() { self.notifyObj = new basicNotification(); // Set a timeout of 10 minutes that should never be hit self.notifyObj.addOptions({ timeout: Date.now() + 600000 }); self.notification = showNotification(self.notifyObj); }); }, onShown: function (popup) { this.complete = false; let self = this; loadURI("http://example.org/", function() { loadURI("http://example.com/", function() { // Next load will hide the notification self.notification.options.timeout = Date.now() - 1; self.complete = true; loadURI("http://example.org/"); }); }); }, onHidden: function (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 { // Test #14 run: function () { this.oldSelectedTab = gBrowser.selectedTab; gBrowser.selectedTab = gBrowser.addTab("about:blank"); let self = this; loadURI("http://example.com/", function() { self.notifyObj = new basicNotification(); self.notifyObj.addOptions({ persistWhileVisible: true }); self.notification = showNotification(self.notifyObj); }); }, onShown: function (popup) { this.complete = false; let self = this; loadURI("http://example.org/", function() { loadURI("http://example.com/", function() { // Notification should persist across location changes self.complete = true; dismissNotification(popup); }); }); }, onHidden: function (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 { // Test #15 run: function() { // Add a temporary box as the anchor with a button this.box = document.createElement("box"); PopupNotifications.iconBox.appendChild(this.box); let button = document.createElement("button"); button.setAttribute("label", "Please click me!"); this.box.appendChild(button); // The notification should open up on the box this.notifyObj = new basicNotification(); this.notifyObj.anchorID = this.box.id = "nested-box"; this.notifyObj.addOptions({dismissed: true}); this.notification = showNotification(this.notifyObj); EventUtils.synthesizeMouse(button, 1, 1, {}); }, onShown: function(popup) { checkPopup(popup, this.notifyObj); dismissNotification(popup); }, onHidden: function(popup) { this.notification.remove(); this.box.parentNode.removeChild(this.box); } }, // Test that popupnotifications without popups have anchor icons shown { // Test #16 run: function() { let notifyObj = new basicNotification(); notifyObj.anchorID = "geo-notification-icon"; notifyObj.addOptions({neverShow: true}); showNotification(notifyObj); }, updateNotShowing: function() { isnot(document.getElementById("geo-notification-icon").boxObject.width, 0, "geo anchor should be visible"); } }, // Test notification "Not Now" menu item { // Test #17 run: function () { this.notifyObj = new basicNotification(), this.notification = showNotification(this.notifyObj); }, onShown: function (popup) { checkPopup(popup, this.notifyObj); triggerSecondaryCommand(popup, 1); }, onHidden: function (popup) { ok(this.notifyObj.dismissalCallbackTriggered, "dismissal callback triggered"); this.notification.remove(); ok(this.notifyObj.removedCallbackTriggered, "removed callback triggered"); } }, // Test notification close button { // Test #18 run: function () { this.notifyObj = new basicNotification(), this.notification = showNotification(this.notifyObj); }, onShown: function (popup) { checkPopup(popup, this.notifyObj); let notification = popup.childNodes[0]; EventUtils.synthesizeMouseAtCenter(notification.closebutton, {}); }, onHidden: function (popup) { ok(this.notifyObj.dismissalCallbackTriggered, "dismissal callback triggered"); this.notification.remove(); ok(this.notifyObj.removedCallbackTriggered, "removed callback triggered"); } }, // Test notification when chrome is hidden { // Test #18 run: function () { this.oldSelectedTab = gBrowser.selectedTab; gBrowser.selectedTab = gBrowser.addTab("about:blank"); let self = this; loadURI("about:addons", function() { self.notifyObj = new basicNotification(); self.notification = showNotification(self.notifyObj); }); }, onShown: function (popup) { checkPopup(popup, this.notifyObj); is(popup.anchorNode.className, "tabbrowser-tab", "notification anchored to tab"); dismissNotification(popup); }, onHidden: function (popup) { ok(this.notifyObj.dismissalCallbackTriggered, "dismissal callback triggered"); this.notification.remove(); ok(this.notifyObj.removedCallbackTriggered, "removed callback triggered"); gBrowser.removeTab(gBrowser.selectedTab); gBrowser.selectedTab = this.oldSelectedTab; } }, ]; function showNotification(notifyObj) { return PopupNotifications.show(notifyObj.browser, notifyObj.id, notifyObj.message, notifyObj.anchorID, notifyObj.mainAction, notifyObj.secondaryActions, notifyObj.options); } function checkPopup(popup, notificationObj) { info("[Test #" + gTestIndex + "] checking popup"); ok(notificationObj.shownCallbackTriggered, "shown callback was triggered"); let notifications = popup.childNodes; is(notifications.length, 1, "only one notification displayed"); let notification = notifications[0]; let icon = document.getAnonymousElementByAttribute(notification, "class", "popup-notification-icon"); if (notificationObj.id == "geolocation") { isnot(icon.boxObject.width, 0, "icon for geo displayed"); is(popup.anchorNode.className, "notification-anchor-icon", "notification anchored to icon"); } is(notification.getAttribute("label"), notificationObj.message, "message matches"); is(notification.id, notificationObj.id + "-notification", "id matches"); if (notificationObj.mainAction) { is(notification.getAttribute("buttonlabel"), notificationObj.mainAction.label, "main action label matches"); is(notification.getAttribute("buttonaccesskey"), notificationObj.mainAction.accessKey, "main action accesskey matches"); } let actualSecondaryActions = notification.childNodes; let secondaryActions = notificationObj.secondaryActions || []; let actualSecondaryActionsCount = actualSecondaryActions.length; if (secondaryActions.length) { let lastChild = actualSecondaryActions.item(actualSecondaryActions.length - 1); is(lastChild.tagName, "menuseparator", "menuseparator exists"); actualSecondaryActionsCount--; } is(actualSecondaryActionsCount, secondaryActions.length, actualSecondaryActions.length + " secondary actions"); secondaryActions.forEach(function (a, i) { is(actualSecondaryActions[i].getAttribute("label"), a.label, "label for secondary action " + i + " matches"); is(actualSecondaryActions[i].getAttribute("accesskey"), a.accessKey, "accessKey for secondary action " + i + " matches"); }); } function triggerMainCommand(popup) { info("[Test #" + gTestIndex + "] triggering main command"); let notifications = popup.childNodes; ok(notifications.length > 0, "at least one notification displayed"); let notification = notifications[0]; // 20, 10 so that the inner button is hit EventUtils.synthesizeMouse(notification.button, 20, 10, {}); } function triggerSecondaryCommand(popup, index) { info("[Test #" + gTestIndex + "] triggering secondary command"); let notifications = popup.childNodes; ok(notifications.length > 0, "at least one notification displayed"); let notification = notifications[0]; notification.button.focus(); popup.addEventListener("popupshown", function () { popup.removeEventListener("popupshown", arguments.callee, false); // Press down until the desired command is selected for (let i = 0; i <= index; i++) EventUtils.synthesizeKey("VK_DOWN", {}); // Activate EventUtils.synthesizeKey("VK_ENTER", {}); }, false); // One down event to open the popup EventUtils.synthesizeKey("VK_DOWN", { altKey: (navigator.platform.indexOf("Mac") == -1) }); } function loadURI(uri, callback) { if (callback) { gBrowser.addEventListener("load", function() { // Ignore the about:blank load if (gBrowser.currentURI.spec != uri) return; gBrowser.removeEventListener("load", arguments.callee, true); callback(); }, true); } gBrowser.loadURI(uri); } function dismissNotification(popup) { info("[Test #" + gTestIndex + "] dismissing notification"); executeSoon(function () { EventUtils.synthesizeKey("VK_ESCAPE", {}); }); }