1 files changed, 145 insertions, 0 deletions
diff --git a/dom/events/test/browser_mouseout_notification_panel.js b/dom/events/test/browser_mouseout_notification_panel.js
new file mode 100644
index 0000000000..4bd7b93afc
--- /dev/null
+++ b/dom/events/test/browser_mouseout_notification_panel.js
@@ -0,0 +1,145 @@
+"use strict";
+
+async function showNotification(aBrowser, aId) {
+  info(`Show notification ${aId}`);
+  let promise = BrowserTestUtils.waitForEvent(
+    PopupNotifications.panel,
+    "popupshown"
+  );
+  let notification = PopupNotifications.show(
+    aBrowser /* browser */,
+    "test-notification-" + aId /* id */,
+    aId + ": Will you allow <> to perform this action?" /* message */,
+    null /* anchorID */,
+    {
+      label: "Main Action",
+      accessKey: "M",
+      callback: () => {},
+    } /* mainAction */,
+    [
+      {
+        label: "Secondary Action",
+        accessKey: "S",
+        callback: () => {},
+      },
+    ] /* secondaryActions */
+  );
+  await promise;
+
+  let rect = PopupNotifications.panel.getBoundingClientRect();
+  return { notification, rect };
+}
+
+function waitForMouseEvent(aType, aElement) {
+  return new Promise(resolve => {
+    aElement.addEventListener(
+      aType,
+      e => {
+        resolve({
+          screenX: e.screenX,
+          screenY: e.screenY,
+          clientX: e.clientX,
+          clientY: e.clientY,
+        });
+      },
+      { once: true }
+    );
+  });
+}
+
+function waitForRemoteMouseEvent(aType, aBrowser) {
+  return SpecialPowers.spawn(aBrowser, [aType], async aType => {
+    return new Promise(
+      resolve => {
+        content.document.addEventListener(aType, e => {
+          resolve({
+            screenX: e.screenX,
+            screenY: e.screenY,
+            clientX: e.clientX,
+            clientY: e.clientY,
+          });
+        });
+      },
+      { once: true }
+    );
+  });
+}
+
+function synthesizeMouseAtCenter(aRect) {
+  EventUtils.synthesizeMouseAtPoint(
+    aRect.left + aRect.width / 2,
+    aRect.top + aRect.height / 2,
+    {
+      type: "mousemove",
+    }
+  );
+}
+
+let notificationRect;
+
+add_setup(async function init() {
+  ok(PopupNotifications, "PopupNotifications object exists");
+  ok(PopupNotifications.panel, "PopupNotifications panel exists");
+
+  await SpecialPowers.pushPrefEnv({
+    set: [["test.events.async.enabled", true]],
+  });
+
+  info(`Show notification to get its size and position`);
+  let { notification, rect } = await showNotification(
+    gBrowser.selectedBrowser,
+    "Test#Init"
+  );
+  PopupNotifications.remove(notification);
+  notificationRect = rect;
+});
+
+add_task(async function test_mouseout_chrome() {
+  await BrowserTestUtils.withNewTab("about:blank", async browser => {
+    info(`Generate mousemove event on browser`);
+    let mousemovePromise = waitForMouseEvent("mousemove", browser);
+    synthesizeMouseAtCenter(notificationRect);
+    let mousemoveCoordinate = await mousemovePromise;
+    info(`mousemove event: ${JSON.stringify(mousemoveCoordinate)}`);
+
+    info(`Showing notification should generate mouseout event on browser`);
+    let mouseoutPromise = waitForMouseEvent("mouseout", browser);
+    let { notification } = await showNotification(browser, "Test#Chrome");
+    let mouseoutCoordinate = await mouseoutPromise;
+    info(`mouseout event: ${JSON.stringify(mouseoutCoordinate)}`);
+
+    SimpleTest.isDeeply(
+      mouseoutCoordinate,
+      mousemoveCoordinate,
+      "Test event coordinate"
+    );
+    info(`Remove notification`);
+    PopupNotifications.remove(notification);
+  });
+});
+
+add_task(async function test_mouseout_content() {
+  await BrowserTestUtils.withNewTab("about:blank", async browser => {
+    info(`Generate mousemove event on content`);
+    let mousemovePromise = waitForRemoteMouseEvent("mousemove", browser);
+    SimpleTest.executeSoon(() => {
+      synthesizeMouseAtCenter(notificationRect);
+    });
+    let mousemoveCoordinate = await mousemovePromise;
+    info(`mousemove event on content: ${JSON.stringify(mousemoveCoordinate)}`);
+
+    info(`Showing notification should generate mouseout event on content`);
+    let mouseoutPromise = waitForRemoteMouseEvent("mouseout", browser);
+    SimpleTest.executeSoon(async () => {
+      showNotification(browser, "Test#Content");
+    });
+    let mouseoutCoordinate = await mouseoutPromise;
+    info(`remote mouseout event: ${JSON.stringify(mouseoutCoordinate)}`);
+
+    SimpleTest.isDeeply(
+      mouseoutCoordinate,
+      mousemoveCoordinate,
+      "Test event coordinate"
+    );
+  });
+});