Source code
Revision control
Copy as Markdown
Other Tools
Test Info: Warnings
- This test gets skipped with pattern: true
- Manifest: layout/xul/test/browser.toml
add_task(async function () {
const url =
"data:text/html,<html><head></head><body>" +
'<a id="target" href="about:blank" title="This is tooltip text" ' +
'style="display:block;height:20px;margin:10px;" ' +
'onclick="return false;">here is an anchor element</a></body></html>';
let tab = await BrowserTestUtils.openNewForegroundTab(gBrowser, url);
let browser = gBrowser.selectedBrowser;
await SpecialPowers.pushPrefEnv({ set: [["ui.tooltip.delay_ms", 0]] });
// Send a mousemove at a known position to start the test.
await BrowserTestUtils.synthesizeMouse(
"#target",
-5,
-5,
{ type: "mousemove" },
browser
);
// show tooltip by mousemove into target.
let popupShownPromise = BrowserTestUtils.waitForEvent(document, "popupshown");
await BrowserTestUtils.synthesizeMouse(
"#target",
5,
15,
{ type: "mousemove" },
browser
);
await popupShownPromise;
// hide tooltip by mousemove to outside.
let popupHiddenPromise = BrowserTestUtils.waitForEvent(
document,
"popuphidden"
);
await BrowserTestUtils.synthesizeMouse(
"#target",
-5,
15,
{ type: "mousemove" },
browser
);
await popupHiddenPromise;
// mousemove into the target and start drag by emulation via nsIDragService.
// Note that on some platforms, we cannot actually start the drag by
// synthesized events. E.g., Windows waits an actual mousemove event after
// dragstart.
// Emulate a buggy mousemove event. widget might dispatch mousemove event
// during drag.
function tooltipNotExpected() {
ok(false, "tooltip is shown during drag");
}
addEventListener("popupshown", tooltipNotExpected, true);
let dragService = Cc["@mozilla.org/widget/dragservice;1"].getService(
Ci.nsIDragService
);
dragService.startDragSessionForTests(
window,
Ci.nsIDragService.DRAGDROP_ACTION_MOVE |
Ci.nsIDragService.DRAGDROP_ACTION_COPY |
Ci.nsIDragService.DRAGDROP_ACTION_LINK
);
try {
await BrowserTestUtils.synthesizeMouse(
"#target",
5,
15,
{ type: "mousemove" },
browser
);
// eslint-disable-next-line mozilla/no-arbitrary-setTimeout
await new Promise(resolve => setTimeout(resolve, 100));
} finally {
removeEventListener("popupshown", tooltipNotExpected, true);
dragService.getCurrentSession().endDragSession(true);
}
await BrowserTestUtils.synthesizeMouse(
"#target",
-5,
-5,
{ type: "mousemove" },
browser
);
// If tooltip listener used a flag for managing D&D state, we would need
// to test if the tooltip is shown after drag.
// show tooltip by mousemove into target.
popupShownPromise = BrowserTestUtils.waitForEvent(document, "popupshown");
await BrowserTestUtils.synthesizeMouse(
"#target",
5,
15,
{ type: "mousemove" },
browser
);
await popupShownPromise;
// hide tooltip by mousemove to outside.
popupHiddenPromise = BrowserTestUtils.waitForEvent(document, "popuphidden");
await BrowserTestUtils.synthesizeMouse(
"#target",
-5,
15,
{ type: "mousemove" },
browser
);
await popupHiddenPromise;
// Show tooltip after mousedown
popupShownPromise = BrowserTestUtils.waitForEvent(document, "popupshown");
await BrowserTestUtils.synthesizeMouse(
"#target",
5,
15,
{ type: "mousemove" },
browser
);
await popupShownPromise;
popupHiddenPromise = BrowserTestUtils.waitForEvent(document, "popuphidden");
await BrowserTestUtils.synthesizeMouse(
"#target",
5,
15,
{ type: "mousedown" },
browser
);
await popupHiddenPromise;
await BrowserTestUtils.synthesizeMouse(
"#target",
5,
15,
{ type: "mouseup" },
browser
);
await BrowserTestUtils.synthesizeMouse(
"#target",
-5,
15,
{ type: "mousemove" },
browser
);
ok(true, "tooltips appear properly");
gBrowser.removeCurrentTab();
});