Source code
Revision control
Copy as Markdown
Other Tools
Test Info: Errors
- This test failed 26 times in the preceding 30 days. quicksearch this test
- Manifest: dom/events/test/browser.toml
"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"
);
});
});