/* 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 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ /** * Test that the reader mode button appears and works properly on * reader-able content. */ const TEST_PREFS = [ ["reader.parse-on-load.enabled", true], ]; const TEST_PATH = getRootDirectory(gTestPath).replace("chrome://mochitests/content", "http://example.com"); var readerButton = document.getElementById("reader-mode-button"); add_task(function* test_reader_button() { registerCleanupFunction(function() { // Reset test prefs. TEST_PREFS.forEach(([name, value]) => { Services.prefs.clearUserPref(name); }); while (gBrowser.tabs.length > 1) { gBrowser.removeCurrentTab(); } }); // Set required test prefs. TEST_PREFS.forEach(([name, value]) => { Services.prefs.setBoolPref(name, value); }); Services.prefs.setBoolPref("browser.reader.detectedFirstArticle", false); let tab = gBrowser.selectedTab = gBrowser.addTab(); is_element_hidden(readerButton, "Reader mode button is not present on a new tab"); ok(!UITour.isInfoOnTarget(window, "readerMode-urlBar"), "Info panel shouldn't appear without the reader mode button"); ok(!Services.prefs.getBoolPref("browser.reader.detectedFirstArticle"), "Shouldn't have detected the first article"); // We're going to show the reader mode intro popup, make sure we wait for it: let tourPopupShownPromise = BrowserTestUtils.waitForEvent(document.getElementById("UITourTooltip"), "popupshown"); // Point tab to a test page that is reader-able. let url = TEST_PATH + "readerModeArticle.html"; yield promiseTabLoadEvent(tab, url); yield promiseWaitForCondition(() => !readerButton.hidden); yield tourPopupShownPromise; is_element_visible(readerButton, "Reader mode button is present on a reader-able page"); ok(UITour.isInfoOnTarget(window, "readerMode-urlBar"), "Info panel should be anchored at the reader mode button"); ok(Services.prefs.getBoolPref("browser.reader.detectedFirstArticle"), "Should have detected the first article"); // Switch page into reader mode. readerButton.click(); yield promiseTabLoadEvent(tab); ok(!UITour.isInfoOnTarget(window, "readerMode-urlBar"), "Info panel should have closed"); let readerUrl = gBrowser.selectedBrowser.currentURI.spec; ok(readerUrl.startsWith("about:reader"), "about:reader loaded after clicking reader mode button"); is_element_visible(readerButton, "Reader mode button is present on about:reader"); is(gURLBar.value, readerUrl, "gURLBar value is about:reader URL"); is(gURLBar.textValue, url.substring("http://".length), "gURLBar is displaying original article URL"); // Check selected value for URL bar yield new Promise((resolve, reject) => { waitForClipboard(url, function () { gURLBar.focus(); gURLBar.select(); goDoCommand("cmd_copy"); }, resolve, reject); }); info("Got correct URL when copying"); // Switch page back out of reader mode. let promisePageShow = BrowserTestUtils.waitForContentEvent(tab.linkedBrowser, "pageshow"); readerButton.click(); yield promisePageShow; is(gBrowser.selectedBrowser.currentURI.spec, url, "Back to the original page after clicking active reader mode button"); ok(gBrowser.selectedBrowser.canGoForward, "Moved one step back in the session history."); // Load a new tab that is NOT reader-able. let newTab = gBrowser.selectedTab = gBrowser.addTab(); yield promiseTabLoadEvent(newTab, "about:robots"); yield promiseWaitForCondition(() => readerButton.hidden); is_element_hidden(readerButton, "Reader mode button is not present on a non-reader-able page"); // Switch back to the original tab to make sure reader mode button is still visible. gBrowser.removeCurrentTab(); yield promiseWaitForCondition(() => !readerButton.hidden); is_element_visible(readerButton, "Reader mode button is present on a reader-able page"); }); add_task(function* test_getOriginalUrl() { let { ReaderMode } = Cu.import("resource://gre/modules/ReaderMode.jsm", {}); let url = "http://foo.com/article.html"; is(ReaderMode.getOriginalUrl("about:reader?url=" + encodeURIComponent(url)), url, "Found original URL from encoded URL"); is(ReaderMode.getOriginalUrl("about:reader?foobar"), null, "Did not find original URL from malformed reader URL"); is(ReaderMode.getOriginalUrl(url), null, "Did not find original URL from non-reader URL"); let badUrl = "http://foo.com/?;$%^^"; is(ReaderMode.getOriginalUrl("about:reader?url=" + encodeURIComponent(badUrl)), badUrl, "Found original URL from encoded malformed URL"); is(ReaderMode.getOriginalUrl("about:reader?url=" + badUrl), badUrl, "Found original URL from non-encoded malformed URL"); }); add_task(function* test_reader_view_element_attribute_transform() { registerCleanupFunction(function() { while (gBrowser.tabs.length > 1) { gBrowser.removeCurrentTab(); } }); function observeAttribute(element, attribute, triggerFn, checkFn) { return new Promise(resolve => { let observer = new MutationObserver((mutations) => { mutations.forEach( mu => { if (element.getAttribute(attribute) !== mu.oldValue) { checkFn(); resolve(); observer.disconnect(); } }); }); observer.observe(element, { attributes: true, attributeOldValue: true, attributeFilter: [attribute] }); triggerFn(); }); } let command = document.getElementById("View:ReaderView"); let tab = yield BrowserTestUtils.openNewForegroundTab(gBrowser); is(command.hidden, true, "Command element should have the hidden attribute"); info("Navigate a reader-able page"); let waitForPageshow = BrowserTestUtils.waitForContentEvent(tab.linkedBrowser, "pageshow"); yield observeAttribute(command, "hidden", () => { let url = TEST_PATH + "readerModeArticle.html"; tab.linkedBrowser.loadURI(url); }, () => { is(command.hidden, false, "Command's hidden attribute should be false on a reader-able page"); } ); yield waitForPageshow; info("Navigate a non-reader-able page"); waitForPageshow = BrowserTestUtils.waitForContentEvent(tab.linkedBrowser, "pageshow"); yield observeAttribute(command, "hidden", () => { let url = TEST_PATH + "readerModeArticleHiddenNodes.html"; tab.linkedBrowser.loadURI(url); }, () => { is(command.hidden, true, "Command's hidden attribute should be true on a non-reader-able page"); } ); yield waitForPageshow; info("Navigate a reader-able page"); waitForPageshow = BrowserTestUtils.waitForContentEvent(tab.linkedBrowser, "pageshow"); yield observeAttribute(command, "hidden", () => { let url = TEST_PATH + "readerModeArticle.html"; tab.linkedBrowser.loadURI(url); }, () => { is(command.hidden, false, "Command's hidden attribute should be false on a reader-able page"); } ); yield waitForPageshow; info("Enter Reader Mode"); waitForPageshow = BrowserTestUtils.waitForContentEvent(tab.linkedBrowser, "pageshow"); yield observeAttribute(readerButton, "readeractive", () => { readerButton.click(); }, () => { is(readerButton.getAttribute("readeractive"), "true", "readerButton's readeractive attribute should be true when entering reader mode"); } ); yield waitForPageshow; info("Exit Reader Mode"); waitForPageshow = BrowserTestUtils.waitForContentEvent(tab.linkedBrowser, "pageshow"); yield observeAttribute(readerButton, "readeractive", () => { readerButton.click(); }, () => { is(readerButton.getAttribute("readeractive"), "", "readerButton's readeractive attribute should be empty when reader mode is exited"); } ); yield waitForPageshow; info("Navigate a non-reader-able page"); waitForPageshow = BrowserTestUtils.waitForContentEvent(tab.linkedBrowser, "pageshow"); yield observeAttribute(command, "hidden", () => { let url = TEST_PATH + "readerModeArticleHiddenNodes.html"; tab.linkedBrowser.loadURI(url); }, () => { is(command.hidden, true, "Command's hidden attribute should be true on a non-reader-able page"); } ); yield waitForPageshow; });