/* * This test checks that focus is adjusted properly in a browser when pressing F6 and Shift+F6. * There are additional tests in dom/tests/mochitest/chrome/test_focus_docnav.xul which test * non-browser cases. */ var testPage1 = "data:text/html,"; var testPage2 = "data:text/html,"; var testPage3 = "data:text/html,"; var fm = Services.focus; async function expectFocusOnF6( backward, expectedDocument, expectedElement, onContent, desc ) { let focusChangedInChildResolver = null; let focusPromise = onContent ? new Promise(resolve => (focusChangedInChildResolver = resolve)) : BrowserTestUtils.waitForEvent(window, "focus", true); function focusChangedListener(msg) { let expected = expectedDocument; if (!expectedElement.startsWith("html")) { expected += "," + expectedElement; } is(msg.data.details, expected, desc + " child focus matches"); focusChangedInChildResolver(); } if (onContent) { window.messageManager.addMessageListener( "BrowserTest:FocusChanged", focusChangedListener ); await ContentTask.spawn( gBrowser.selectedBrowser, { expectedElementId: expectedElement }, async function(arg) { let contentExpectedElement = content.document.getElementById( arg.expectedElementId ); if (!contentExpectedElement) { // Element not found, so look in the child frames. for (let f = 0; f < content.frames.length; f++) { if ( content.frames[f].document.getElementById(arg.expectedElementId) ) { contentExpectedElement = content.frames[f].document; break; } } } else if (contentExpectedElement.localName == "html") { contentExpectedElement = contentExpectedElement.ownerDocument; } if (!contentExpectedElement) { sendSyncMessage("BrowserTest:FocusChanged", { details: "expected element " + arg.expectedElementId + " not found", }); return; } contentExpectedElement.addEventListener( "focus", function() { let details = Services.focus.focusedWindow.document.documentElement.id; if (Services.focus.focusedElement) { details += "," + Services.focus.focusedElement.id; } sendSyncMessage("BrowserTest:FocusChanged", { details }); }, { capture: true, once: true } ); } ); } EventUtils.synthesizeKey("VK_F6", { shiftKey: backward }); await focusPromise; if (typeof expectedElement == "string") { expectedElement = fm.focusedWindow.document.getElementById(expectedElement); } if (gMultiProcessBrowser && onContent) { expectedDocument = "main-window"; expectedElement = gBrowser.selectedBrowser; } is( fm.focusedWindow.document.documentElement.id, expectedDocument, desc + " document matches" ); is( fm.focusedElement, expectedElement, desc + " element matches (wanted: " + expectedElement.id + " got: " + fm.focusedElement.id + ")" ); if (onContent) { window.messageManager.removeMessageListener( "BrowserTest:FocusChanged", focusChangedListener ); } } // Load a page and navigate between it and the chrome window. add_task(async function() { let page1Promise = BrowserTestUtils.browserLoaded( gBrowser.selectedBrowser, false, testPage1 ); BrowserTestUtils.loadURI(gBrowser.selectedBrowser, testPage1); await page1Promise; // When the urlbar is focused, pressing F6 should focus the root of the content page. gURLBar.focus(); await expectFocusOnF6( false, "html1", "html1", true, "basic focus content page" ); // When the content is focused, pressing F6 should focus the urlbar. await expectFocusOnF6( false, "main-window", gURLBar.inputField, false, "basic focus content page urlbar" ); // When a button in content is focused, pressing F6 should focus the urlbar. await expectFocusOnF6( false, "html1", "html1", true, "basic focus content page with button focused" ); await ContentTask.spawn(gBrowser.selectedBrowser, {}, async function() { return content.document.getElementById("button1").focus(); }); await expectFocusOnF6( false, "main-window", gURLBar.inputField, false, "basic focus content page with button focused urlbar" ); // The document root should be focused, not the button await expectFocusOnF6( false, "html1", "html1", true, "basic focus again content page with button focused" ); // Check to ensure that the root element is focused await ContentTask.spawn(gBrowser.selectedBrowser, {}, async function() { Assert.ok( content.document.activeElement == content.document.documentElement, "basic focus again content page with button focused child root is focused" ); }); }); // Open a second tab. Document focus should skip the background tab. add_task(async function() { await BrowserTestUtils.openNewForegroundTab(gBrowser, testPage2); await expectFocusOnF6( false, "main-window", gURLBar.inputField, false, "basic focus content page and second tab urlbar" ); await expectFocusOnF6( false, "html2", "html2", true, "basic focus content page with second tab" ); BrowserTestUtils.removeTab(gBrowser.selectedTab); }); // Shift+F6 should navigate backwards. There's only one document here so the effect // is the same. add_task(async function() { gURLBar.focus(); await expectFocusOnF6( true, "html1", "html1", true, "back focus content page" ); await expectFocusOnF6( true, "main-window", gURLBar.inputField, false, "back focus content page urlbar" ); }); // Open the sidebar and navigate between the sidebar, content and top-level window add_task(async function() { let sidebar = document.getElementById("sidebar"); let loadPromise = BrowserTestUtils.waitForEvent(sidebar, "load", true); SidebarUI.toggle("viewBookmarksSidebar"); await loadPromise; gURLBar.focus(); await expectFocusOnF6( false, "bookmarksPanel", sidebar.contentDocument.getElementById("search-box").inputField, false, "focus with sidebar open sidebar" ); await expectFocusOnF6( false, "html1", "html1", true, "focus with sidebar open content" ); await expectFocusOnF6( false, "main-window", gURLBar.inputField, false, "focus with sidebar urlbar" ); // Now go backwards await expectFocusOnF6( true, "html1", "html1", true, "back focus with sidebar open content" ); await expectFocusOnF6( true, "bookmarksPanel", sidebar.contentDocument.getElementById("search-box").inputField, false, "back focus with sidebar open sidebar" ); await expectFocusOnF6( true, "main-window", gURLBar.inputField, false, "back focus with sidebar urlbar" ); SidebarUI.toggle("viewBookmarksSidebar"); }); // Navigate when the downloads panel is open add_task(async function test_download_focus() { await pushPrefs( ["accessibility.tabfocus", 7], ["browser.download.autohideButton", false] ); await promiseButtonShown("downloads-button"); let popupShownPromise = BrowserTestUtils.waitForEvent( document, "popupshown", true ); EventUtils.synthesizeMouseAtCenter( document.getElementById("downloads-button"), {} ); await popupShownPromise; gURLBar.focus(); await expectFocusOnF6( false, "main-window", document.getElementById("downloadsHistory"), false, "focus with downloads panel open panel" ); await expectFocusOnF6( false, "html1", "html1", true, "focus with downloads panel open" ); await expectFocusOnF6( false, "main-window", gURLBar.inputField, false, "focus downloads panel open urlbar" ); // Now go backwards await expectFocusOnF6( true, "html1", "html1", true, "back focus with downloads panel open" ); await expectFocusOnF6( true, "main-window", document.getElementById("downloadsHistory"), false, "back focus with downloads panel open" ); await expectFocusOnF6( true, "main-window", gURLBar.inputField, false, "back focus downloads panel open urlbar" ); let downloadsPopup = document.getElementById("downloadsPanel"); let popupHiddenPromise = BrowserTestUtils.waitForEvent( downloadsPopup, "popuphidden", true ); downloadsPopup.hidePopup(); await popupHiddenPromise; }); // Navigation with a contenteditable body add_task(async function() { await BrowserTestUtils.openNewForegroundTab(gBrowser, testPage3); // The body should be focused when it is editable, not the root. gURLBar.focus(); await expectFocusOnF6( false, "html3", "body3", true, "focus with contenteditable body" ); await expectFocusOnF6( false, "main-window", gURLBar.inputField, false, "focus with contenteditable body urlbar" ); // Now go backwards await expectFocusOnF6( false, "html3", "body3", true, "back focus with contenteditable body" ); await expectFocusOnF6( false, "main-window", gURLBar.inputField, false, "back focus with contenteditable body urlbar" ); BrowserTestUtils.removeTab(gBrowser.selectedTab); }); // Navigation with a frameset loaded add_task(async function() { await BrowserTestUtils.openNewForegroundTab( gBrowser, "http://mochi.test:8888/browser/browser/base/content/test/general/file_documentnavigation_frameset.html" ); gURLBar.focus(); await expectFocusOnF6( false, "htmlframe1", "htmlframe1", true, "focus on frameset frame 0" ); await expectFocusOnF6( false, "htmlframe2", "htmlframe2", true, "focus on frameset frame 1" ); await expectFocusOnF6( false, "htmlframe3", "htmlframe3", true, "focus on frameset frame 2" ); await expectFocusOnF6( false, "htmlframe4", "htmlframe4", true, "focus on frameset frame 3" ); await expectFocusOnF6( false, "main-window", gURLBar.inputField, false, "focus on frameset frame urlbar" ); await expectFocusOnF6( true, "htmlframe4", "htmlframe4", true, "back focus on frameset frame 3" ); await expectFocusOnF6( true, "htmlframe3", "htmlframe3", true, "back focus on frameset frame 2" ); await expectFocusOnF6( true, "htmlframe2", "htmlframe2", true, "back focus on frameset frame 1" ); await expectFocusOnF6( true, "htmlframe1", "htmlframe1", true, "back focus on frameset frame 0" ); await expectFocusOnF6( true, "main-window", gURLBar.inputField, false, "back focus on frameset frame urlbar" ); BrowserTestUtils.removeTab(gBrowser.selectedTab); }); // XXXndeakin add tests for browsers inside of panels function promiseButtonShown(id) { let dwu = window.windowUtils; return BrowserTestUtils.waitForCondition(() => { let target = document.getElementById(id); let bounds = dwu.getBoundsWithoutFlushing(target); return bounds.width > 0 && bounds.height > 0; }, `Waiting for button ${id} to have non-0 size`); }