Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
/* Any copyright is dedicated to the Public Domain.
"use strict";
add_task(async function testStopStartingAutoScroll() {
await SpecialPowers.pushPrefEnv({
set: [
["general.autoScroll", true],
["middlemouse.contentLoadURL", false],
["test.events.async.enabled", true],
[
"accessibility.mouse_focuses_formcontrol",
!navigator.platform.includes("Mac"),
],
],
});
await BrowserTestUtils.withNewTab(
async function (browser) {
async function doTest({
aInnerHTML,
aDescription,
aExpectedActiveElement,
}) {
await SpecialPowers.spawn(browser, [aInnerHTML], async contentHTML => {
content.document.body.innerHTML = contentHTML;
content.document.documentElement.scrollTop; // Flush layout.
const iframe = content.document.querySelector("iframe");
// If the test page has an iframe, we need to ensure it has loaded.
if (!iframe || iframe.contentDocument?.readyState == "complete") {
return;
}
// It's too late to check "load" event. Let's check
// Document#readyState instead.
await ContentTaskUtils.waitForCondition(
() => iframe.contentDocument?.readyState == "complete",
"Waiting for loading the subdocument"
);
});
let autoScroller;
let onPopupShown = event => {
if (event.originalTarget.id !== "autoscroller") {
return false;
}
autoScroller = event.originalTarget;
info(`${aDescription}: "popupshown" event is fired`);
autoScroller.getBoundingClientRect(); // Flush layout of the autoscroller
return true;
};
window.addEventListener("popupshown", onPopupShown, { capture: true });
registerCleanupFunction(() => {
window.removeEventListener("popupshown", onPopupShown, {
capture: true,
});
});
let waitForNewTabForeground = BrowserTestUtils.waitForEvent(
gBrowser,
"TabSwitchDone"
);
await EventUtils.promiseNativeMouseEvent({
type: "mousedown",
button: 1, // middle click
target: browser,
atCenter: true,
});
info(`${aDescription}: Waiting for active tab switched...`);
await waitForNewTabForeground;
// To confirm that autoscrolling won't start accidentally, we should
// wait a while.
// eslint-disable-next-line mozilla/no-arbitrary-setTimeout
await new Promise(resolve => setTimeout(resolve, 500));
is(
autoScroller,
undefined,
`${aDescription}: autoscroller should not be open because requested tab is now in background`
);
// Clean up
await EventUtils.promiseNativeMouseEvent({
type: "mouseup",
button: 1, // middle click
target: browser,
atCenter: true,
}); // release implicit capture
EventUtils.synthesizeKey("KEY_Escape"); // To close unexpected autoscroller
isnot(
browser,
gBrowser.selectedBrowser,
`${aDescription}: The clicked tab shouldn't be foreground tab`
);
is(
gBrowser.selectedTab,
gBrowser.tabs[gBrowser.tabs.length - 1],
`${aDescription}: The opened tab should be foreground tab`
);
await SpecialPowers.spawn(
browser,
[aExpectedActiveElement, aDescription],
(expectedActiveElement, description) => {
if (expectedActiveElement != null) {
if (expectedActiveElement == "iframe") {
// Check only whether the subdocument gets focus.
return;
}
Assert.equal(
content.document.activeElement,
content.document.querySelector(expectedActiveElement),
`${description}: Active element should be the result of querySelector("${expectedActiveElement}")`
);
} else {
Assert.deepEqual(
content.document.activeElement,
new content.window.Object(null),
`${description}: No element should be active`
);
}
}
);
gBrowser.removeTab(gBrowser.tabs[gBrowser.tabs.length - 1]);
await SimpleTest.promiseFocus(browser);
if (aExpectedActiveElement == "iframe") {
await SpecialPowers.spawn(browser, [aDescription], description => {
// XXX Due to no `Assert#todo`, this checks opposite result.
Assert.ok(
!content.document
.querySelector("iframe")
.contentDocument.hasFocus(),
`TODO: ${description}: The subdocument should have focus when the tab gets foreground`
);
});
}
}
await doTest({
aInnerHTML: `<div style="height: 10000px;" onmousedown="window.open('https://example.com/', '_blank')">Click to open new tab</div>`,
aDescription: "Clicking non-focusable <div> with middle mouse button",
aExpectedActiveElement: null,
});
await doTest({
aInnerHTML: `<button style="height: 10000px; width: 100%" onmousedown="window.open('https://example.com/', '_blank')">Click to open new tab</button>`,
aDescription: `Clicking focusable <button> with middle mouse button`,
aExpectedActiveElement: navigator.platform.includes("Mac")
? null
: "button",
});
await doTest({
aInnerHTML: `<iframe style="height: 90vh; width: 90vw" srcdoc="<div onmousedown='window.open(\`https://example.com/\`, \`_blank\`)' style='width: 100%; height: 10000px'>Click to open new tab"></iframe>`,
aDescription: `Clicking non-focusable <div> in <iframe> with middle mouse button`,
aExpectedActiveElement: "iframe",
});
}
);
});