Revision control
Copy as Markdown
Other Tools
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
/* eslint-env webextensions */
var { MailServices } = ChromeUtils.importESModule(
);
const TEST_DOCUMENT_URL =
const TEST_MESSAGE_URL =
const tabmail = document.getElementById("tabmail");
let testFolder;
async function checkABrowser(browser) {
if (
browser.webProgress?.isLoadingDocument ||
browser.currentURI?.spec == "about:blank"
) {
await BrowserTestUtils.browserLoaded(
browser,
undefined,
url => url != "about:blank"
);
}
const win = browser.ownerGlobal;
const doc = browser.ownerDocument;
// Date picker
// Open the popup.
const pickerPromise = BrowserTestUtils.waitForDateTimePickerPanelShown(
win.top
);
await SpecialPowers.spawn(browser, [], function () {
const input = content.document.querySelector(`input[type="date"]`);
if (content.location.protocol == "mailbox:") {
content.document.notifyUserGestureActivation();
input.showPicker();
} else {
EventUtils.synthesizeMouseAtCenter(
input.openOrClosedShadowRoot.getElementById("calendar-button"),
{},
content
);
}
});
const picker = await pickerPromise;
// Click in the middle of the picker. This should always land on a date and
// close the picker.
const frame = picker.querySelector("#dateTimePopupFrame");
EventUtils.synthesizeMouseAtCenter(
frame.contentDocument.querySelector(".days-view td"),
{},
frame.contentWindow
);
await BrowserTestUtils.waitForPopupEvent(picker, "hidden");
// Check the date was assigned to the input.
await SpecialPowers.spawn(browser, [], () => {
Assert.ok(
content.document.querySelector(`input[type="date"]`).value,
"date input should have a date value"
);
});
// Select drop-down
const menulist = win.top.document.getElementById("ContentSelectDropdown");
// Click on the select control to open the popup.
const selectPromise = BrowserTestUtils.waitForSelectPopupShown(win.top);
await BrowserTestUtils.synthesizeMouseAtCenter("select", {}, browser);
const menupopup = await selectPromise;
Assert.equal(menulist.value, "0");
Assert.equal(menupopup.childElementCount, 3);
// Item values do not match the content document, but are 0-indexed.
Assert.equal(menupopup.children[0].label, "");
Assert.equal(menupopup.children[0].value, "0");
Assert.equal(menupopup.children[1].label, "π");
Assert.equal(menupopup.children[1].value, "1");
Assert.equal(menupopup.children[2].label, "τ");
Assert.equal(menupopup.children[2].value, "2");
// Click the second option. This sets the value and closes the menulist.
menupopup.activateItem(menupopup.children[1]);
await BrowserTestUtils.waitForPopupEvent(menulist, "hidden");
// Sometimes the next change doesn't happen soon enough.
// eslint-disable-next-line mozilla/no-arbitrary-setTimeout
await new Promise(r => setTimeout(r, 1000));
// Check the value was assigned to the control.
await SpecialPowers.spawn(browser, [], () => {
Assert.equal(content.document.querySelector("select").value, "3.141592654");
});
// Input auto-complete
const popup = doc.getElementById(browser.getAttribute("autocompletepopup"));
Assert.ok(popup, "auto-complete popup exists");
// Click on the input box and type some letters to open the popup.
const shownPromise = BrowserTestUtils.waitForPopupEvent(popup, "shown");
browser.focus();
await SimpleTest.promiseFocus(browser);
await SpecialPowers.spawn(browser, [], () => {
const input = content.document.querySelector(`input[list="letters"]`);
input.focus();
EventUtils.synthesizeKey("e", {}, content);
EventUtils.synthesizeKey("t", {}, content);
EventUtils.synthesizeKey("a", {}, content);
Assert.equal(input.value, "eta");
});
await shownPromise;
// Allow the popup time to initialise.
await new Promise(r => win.setTimeout(r, 500));
const list = popup.querySelector("richlistbox");
Assert.ok(list, "list added to popup");
Assert.equal(list.itemCount, 4);
Assert.equal(list.itemChildren[0].getAttribute("title"), "beta");
Assert.equal(list.itemChildren[1].getAttribute("title"), "zeta");
Assert.equal(list.itemChildren[2].getAttribute("title"), "eta");
Assert.equal(list.itemChildren[3].getAttribute("title"), "theta");
// Click the second option. This sets the value and closes the popup.
EventUtils.synthesizeMouseAtCenter(list.itemChildren[1], {}, win);
await BrowserTestUtils.waitForPopupEvent(popup, "hidden");
await SpecialPowers.spawn(browser, [], () => {
// Check the value was assigned to the input.
const input = content.document.querySelector(`input[list="letters"]`);
Assert.equal(content.document.activeElement, input, "input has focus");
Assert.equal(input.value, "zeta");
// Type some more characters.
// Check the space character isn't consumed by cmd_space.
EventUtils.sendString(" function", content);
Assert.equal(input.value, "zeta function");
});
// Check that a <details> element can be opened and closed by clicking or
// pressing enter/space on its <summary>.
await SpecialPowers.spawn(browser, [], () => {
const details = content.document.querySelector("details");
const summary = details.querySelector("summary");
Assert.ok(!details.open, "details element should be closed initially");
EventUtils.synthesizeMouseAtCenter(summary, {}, content);
Assert.ok(details.open, "details element should open on click");
EventUtils.synthesizeKey("VK_SPACE", {}, content);
Assert.ok(!details.open, "details element should close on space key press");
EventUtils.synthesizeKey("VK_RETURN", {}, content);
Assert.ok(details.open, "details element should open on return key press");
});
}
add_setup(async function () {
const account = MailServices.accounts.createLocalMailAccount();
account.addIdentity(MailServices.accounts.createIdentity());
const rootFolder = account.incomingServer.rootFolder.QueryInterface(
Ci.nsIMsgLocalMailFolder
);
testFolder = rootFolder
.createLocalSubfolder("formPickerFolder")
.QueryInterface(Ci.nsIMsgLocalMailFolder);
const message = await fetch(TEST_MESSAGE_URL).then(r => r.text());
testFolder.addMessage(message);
registerCleanupFunction(async () => {
MailServices.accounts.removeAccount(account, false);
});
});
add_task(async function testMessagePaneMessageBrowser() {
const about3Pane = tabmail.currentAbout3Pane;
about3Pane.restoreState({
folderURI: testFolder.URI,
messagePaneVisible: true,
});
const { gDBView, messageBrowser, threadTree } = about3Pane;
const messagePaneBrowser =
messageBrowser.contentWindow.getMessagePaneBrowser();
const loadedPromise = BrowserTestUtils.browserLoaded(
messagePaneBrowser,
undefined,
url => url.endsWith(gDBView.getKeyAt(0))
);
threadTree.selectedIndex = 0;
threadTree.scrollToIndex(0, true);
await loadedPromise;
Assert.ok(BrowserTestUtils.isVisible(about3Pane.messageBrowser));
Assert.ok(BrowserTestUtils.isVisible(messagePaneBrowser));
await checkABrowser(messagePaneBrowser);
});
add_task(async function testMessagePaneWebBrowser() {
const about3Pane = tabmail.currentAbout3Pane;
about3Pane.restoreState({
folderURI: testFolder.URI,
messagePaneVisible: true,
});
about3Pane.messagePane.displayWebPage(TEST_DOCUMENT_URL);
Assert.ok(BrowserTestUtils.isVisible(about3Pane.webBrowser));
await checkABrowser(about3Pane.webBrowser);
});
add_task(async function testContentTab() {
const tab = window.openContentTab(TEST_DOCUMENT_URL);
await checkABrowser(tab.browser);
tabmail.closeTab(tab);
});
add_task(async function testMessageTab() {
const tabPromise = BrowserTestUtils.waitForEvent(window, "MsgLoaded");
window.OpenMessageInNewTab([...testFolder.messages][0], {
background: false,
});
await tabPromise;
await new Promise(resolve => setTimeout(resolve));
const aboutMessage = tabmail.currentAboutMessage;
await checkABrowser(aboutMessage.getMessagePaneBrowser());
tabmail.closeOtherTabs(0);
});
add_task(async function testMessageWindow() {
const winPromise = BrowserTestUtils.domWindowOpenedAndLoaded();
window.MsgOpenNewWindowForMessage([...testFolder.messages][0]);
const win = await winPromise;
await BrowserTestUtils.waitForEvent(win, "MsgLoaded");
await TestUtils.waitForCondition(() => Services.focus.activeWindow == win);
const aboutMessage = win.messageBrowser.contentWindow;
await checkABrowser(aboutMessage.getMessagePaneBrowser());
await BrowserTestUtils.closeWindow(win);
});
add_task(async function testExtensionPopupWindow() {
const extension = ExtensionTestUtils.loadExtension({
background: async () => {
await browser.windows.create({
url: "formContent.html",
type: "popup",
width: 800,
height: 500,
});
browser.test.notifyPass("ready");
},
files: {
"formContent.html": await fetch(TEST_DOCUMENT_URL).then(response =>
response.text()
),
},
});
await extension.startup();
await extension.awaitFinish("ready");
const extensionPopup = Services.wm.getMostRecentWindow("mail:extensionPopup");
// extensionPopup.xhtml needs time to initialise properly.
await new Promise(resolve => extensionPopup.setTimeout(resolve, 500));
await checkABrowser(extensionPopup.document.getElementById("requestFrame"));
await BrowserTestUtils.closeWindow(extensionPopup);
await extension.unload();
});
add_task(async function testExtensionBrowserAction() {
const extension = ExtensionTestUtils.loadExtension({
files: {
"formContent.html": await fetch(TEST_DOCUMENT_URL).then(response =>
response.text()
),
},
manifest: {
applications: {
gecko: {
id: "formpickers@mochi.test",
},
},
browser_action: {
default_popup: "formContent.html",
},
},
});
await extension.startup();
const { panel, browser } = await openExtensionPopup(
window,
"ext-formpickers@mochi.test"
);
await checkABrowser(browser);
panel.hidePopup();
await extension.unload();
});
add_task(async function testExtensionComposeAction() {
const extension = ExtensionTestUtils.loadExtension({
files: {
"formContent.html": await fetch(TEST_DOCUMENT_URL).then(response =>
response.text()
),
},
manifest: {
applications: {
gecko: {
id: "formpickers@mochi.test",
},
},
compose_action: {
default_popup: "formContent.html",
},
},
});
await extension.startup();
const params = Cc[
"@mozilla.org/messengercompose/composeparams;1"
].createInstance(Ci.nsIMsgComposeParams);
params.composeFields = Cc[
"@mozilla.org/messengercompose/composefields;1"
].createInstance(Ci.nsIMsgCompFields);
const composeWindowPromise = BrowserTestUtils.domWindowOpened();
MailServices.compose.OpenComposeWindowWithParams(null, params);
const composeWindow = await composeWindowPromise;
await BrowserTestUtils.waitForEvent(composeWindow, "load");
const { panel, browser } = await openExtensionPopup(
composeWindow,
"formpickers_mochi_test-composeAction-toolbarbutton"
);
await checkABrowser(browser);
panel.hidePopup();
await extension.unload();
await BrowserTestUtils.closeWindow(composeWindow);
});
add_task(async function testExtensionMessageDisplayAction() {
const extension = ExtensionTestUtils.loadExtension({
files: {
"formContent.html": await fetch(TEST_DOCUMENT_URL).then(response =>
response.text()
),
},
manifest: {
applications: {
gecko: {
id: "formpickers@mochi.test",
},
},
message_display_action: {
default_popup: "formContent.html",
},
},
});
await extension.startup();
const messageWindowPromise = BrowserTestUtils.domWindowOpened();
window.MsgOpenNewWindowForMessage([...testFolder.messages][0]);
const messageWindow = await messageWindowPromise;
const { target: aboutMessage } = await BrowserTestUtils.waitForEvent(
messageWindow,
"aboutMessageLoaded"
);
const { panel, browser } = await openExtensionPopup(
aboutMessage,
"formpickers_mochi_test-messageDisplayAction-toolbarbutton"
);
await checkABrowser(browser);
panel.hidePopup();
await extension.unload();
await BrowserTestUtils.closeWindow(messageWindow);
});
add_task(async function testBrowserRequestWindow() {
const requestWindow = await new Promise(resolve => {
Services.ww.openWindow(
null,
null,
"chrome,private,centerscreen,width=980,height=750",
{
url: TEST_DOCUMENT_URL,
cancelled() {},
loaded(window) {
resolve(window);
},
}
);
});
await checkABrowser(requestWindow.document.getElementById("requestFrame"));
await BrowserTestUtils.closeWindow(requestWindow);
});