diff options
Diffstat (limited to 'addon-sdk/source/test/test-tabs-common.js')
-rw-r--r-- | addon-sdk/source/test/test-tabs-common.js | 654 |
1 files changed, 654 insertions, 0 deletions
diff --git a/addon-sdk/source/test/test-tabs-common.js b/addon-sdk/source/test/test-tabs-common.js new file mode 100644 index 000000000..7ab8b3c76 --- /dev/null +++ b/addon-sdk/source/test/test-tabs-common.js @@ -0,0 +1,654 @@ +/* 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/. */ +'use strict'; + +const { Loader, LoaderWithHookedConsole } = require("sdk/test/loader"); +const { browserWindows } = require('sdk/windows'); +const tabs = require('sdk/tabs'); +const { isPrivate } = require('sdk/private-browsing'); +const { openDialog } = require('sdk/window/utils'); +const { isWindowPrivate } = require('sdk/window/utils'); +const { setTimeout } = require('sdk/timers'); +const { openWebpage } = require('./private-browsing/helper'); +const { isTabPBSupported, isWindowPBSupported } = require('sdk/private-browsing/utils'); +const { getTabContentWindow } = require('sdk/tabs/utils'); +const { attach, detach } = require('sdk/content/mod'); +const { Style } = require('sdk/stylesheet/style'); +const fixtures = require('./fixtures'); +const { viewFor } = require('sdk/view/core'); +const app = require("sdk/system/xul-app"); +const { cleanUI } = require('sdk/test/utils'); + +const URL = 'data:text/html;charset=utf-8,<html><head><title>#title#</title></head></html>'; + +// TEST: tab count +exports.testTabCounts = function(assert, done) { + tabs.open({ + url: 'about:blank', + onReady: function(tab) { + let count1 = 0, + count2 = 0; + for (let window of browserWindows) { + count1 += window.tabs.length; + for (let tab of window.tabs) { + count2 += 1; + } + } + + assert.ok(tabs.length > 1, 'tab count is > 1'); + assert.equal(count1, tabs.length, 'tab count by length is correct'); + assert.equal(count2, tabs.length, 'tab count by iteration is correct'); + + // end test + tab.close(done); + } + }); +}; + +exports.testTabRelativePath = function(assert, done) { + const { merge } = require("sdk/util/object"); + const self = require("sdk/self"); + + const options = merge({}, require('@loader/options'), + { prefixURI: require('./fixtures').url() }); + + let loader = Loader(module, null, options); + + let tabs = loader.require("sdk/tabs"); + + tabs.open({ + url: "./test.html", + onReady: (tab) => { + assert.equal(tab.title, "foo", + "tab opened a document with relative path"); + + tab.attach({ + contentScriptFile: "./test-contentScriptFile.js", + onMessage: (message) => { + assert.equal(message, "msg from contentScriptFile", + "Tab attach a contentScriptFile with relative path worked"); + + tab.close(done); + loader.unload(); + } + }); + } + }); +}; + +// TEST: tabs.activeTab getter +exports.testActiveTab_getter = function(assert, done) { + let evtCount = 0; + let activeTab = null; + + function endTest(type, tab) { + if (type == 'activate') { + assert.strictEqual(tabs.activeTab, tab, 'the active tab is the opened tab'); + activeTab = tabs.activeTab; + } + else { + assert.equal(tab.url, url, 'the opened tab has the correct url'); + } + + if (++evtCount != 2) + return; + + assert.strictEqual(activeTab, tab, 'the active tab is the ready tab'); + assert.strictEqual(tabs.activeTab, tab, 'the active tab is the ready tab'); + + tab.close(done); + } + + let url = URL.replace("#title#", "testActiveTab_getter"); + tabs.open({ + url: url, + onReady: endTest.bind(null, 'ready'), + onActivate: endTest.bind(null, 'activate') + }); +}; + +// TEST: tab.activate() +exports.testActiveTab_setter = function(assert, done) { + let url = URL.replace("#title#", "testActiveTab_setter"); + let tab1URL = URL.replace("#title#", "tab1"); + + tabs.open({ + url: tab1URL, + onReady: function(activeTab) { + let activeTabURL = tabs.activeTab.url; + + tabs.open({ + url: url, + inBackground: true, + onReady: function onReady(tab) { + assert.equal(tabs.activeTab.url, activeTabURL, "activeTab url has not changed"); + assert.equal(tab.url, url, "url of new background tab matches"); + + tab.once('activate', function onActivate(eventTab) { + assert.equal(tabs.activeTab.url, url, "url after activeTab setter matches"); + assert.equal(eventTab, tab, "event argument is the activated tab"); + assert.equal(eventTab, tabs.activeTab, "the tab is the active one"); + + activeTab.close(function() { + tab.close(done); + }); + }); + + tab.activate(); + } + }); + } + }); +}; + +// TEST: tab.close() +exports.testTabClose_alt = function(assert, done) { + let url = URL.replace('#title#', 'TabClose_alt'); + let tab1URL = URL.replace('#title#', 'tab1'); + + tabs.open({ + url: tab1URL, + onReady: function(tab1) { + // make sure that our tab is not active first + assert.notEqual(tabs.activeTab.url, url, "tab is not the active tab"); + + tabs.open({ + url: url, + onReady: function(tab) { + assert.equal(tab.url, url, "tab is now the active tab"); + assert.equal(tabs.activeTab.url, url, "tab is now the active tab"); + + // another tab should be activated on close + tabs.once('activate', function() { + assert.notEqual(tabs.activeTab.url, url, "tab is no longer the active tab"); + + // end test + tab1.close(done); + }); + + tab.close(); + } + }); + } + }); +}; + +exports.testAttachOnMultipleDocuments_alt = function (assert, done) { + // Example of attach that process multiple tab documents + let firstLocation = "data:text/html;charset=utf-8,foobar"; + let secondLocation = "data:text/html;charset=utf-8,bar"; + let thirdLocation = "data:text/html;charset=utf-8,fox"; + let onReadyCount = 0; + let worker1 = null; + let worker2 = null; + let detachEventCount = 0; + + tabs.open({ + url: firstLocation, + onReady: function (tab) { + onReadyCount++; + if (onReadyCount == 1) { + worker1 = tab.attach({ + contentScript: 'self.on("message", ' + + ' () => self.postMessage(document.location.href)' + + ');', + onMessage: function (msg) { + assert.equal(msg, firstLocation, + "Worker url is equal to the 1st document"); + tab.url = secondLocation; + }, + onDetach: function () { + detachEventCount++; + assert.pass("Got worker1 detach event"); + assert.throws(function () { + worker1.postMessage("ex-1"); + }, + /Couldn't find the worker/, + "postMessage throw because worker1 is destroyed"); + checkEnd(); + } + }); + worker1.postMessage("new-doc-1"); + } + else if (onReadyCount == 2) { + worker2 = tab.attach({ + contentScript: 'self.on("message", ' + + ' () => self.postMessage(document.location.href)' + + ');', + onMessage: function (msg) { + assert.equal(msg, secondLocation, + "Worker url is equal to the 2nd document"); + tab.url = thirdLocation; + }, + onDetach: function () { + detachEventCount++; + assert.pass("Got worker2 detach event"); + assert.throws(function () { + worker2.postMessage("ex-2"); + }, + /Couldn't find the worker/, + "postMessage throw because worker2 is destroyed"); + checkEnd(tab); + } + }); + worker2.postMessage("new-doc-2"); + } + else if (onReadyCount == 3) { + tab.close(); + } + } + }); + + function checkEnd(tab) { + if (detachEventCount != 2) + return; + + assert.pass("Got all detach events"); + + done(); + } +}; + +exports.testAttachWrappers_alt = function (assert, done) { + // Check that content script has access to wrapped values by default + + let document = "data:text/html;charset=utf-8,<script>var globalJSVar = true; " + + " document.getElementById = 3;</script>"; + let count = 0; + + tabs.open({ + url: document, + onReady: function (tab) { + let worker = tab.attach({ + contentScript: 'try {' + + ' self.postMessage(!("globalJSVar" in window));' + + ' self.postMessage(typeof window.globalJSVar == "undefined");' + + '} catch(e) {' + + ' self.postMessage(e.message);' + + '}', + onMessage: function (msg) { + assert.equal(msg, true, "Worker has wrapped objects ("+count+")"); + if (count++ == 1) + tab.close(() => done()); + } + }); + } + }); +}; + +// TEST: activeWindow getter and activeTab getter on tab 'activate' event +exports.testActiveWindowActiveTabOnActivate_alt = function(assert, done) { + + let activateCount = 0; + let newTabs = []; + let tabs = browserWindows.activeWindow.tabs; + + tabs.on('activate', function onActivate(tab) { + assert.equal(tabs.activeTab, tab, + "the active window's active tab is the tab provided"); + + if (++activateCount == 2) { + assert.equal(newTabs.length, activateCount, "Should have seen the right number of tabs open"); + tabs.removeListener('activate', onActivate); + + newTabs.forEach(function(tab) { + tab.close(function() { + if (--activateCount == 0) { + done(); + } + }); + }); + } + else if (activateCount > 2) { + assert.fail("activateCount is greater than 2 for some reason.."); + } + }); + + tabs.open({ + url: URL.replace("#title#", "tabs.open1"), + onOpen: tab => newTabs.push(tab) + }); + tabs.open({ + url: URL.replace("#title#", "tabs.open2"), + onOpen: tab => newTabs.push(tab) + }); +}; + +// TEST: tab properties +exports.testTabContentTypeAndReload = function(assert, done) { + + let url = "data:text/html;charset=utf-8,<html><head><title>foo</title></head><body>foo</body></html>"; + let urlXML = "data:text/xml;charset=utf-8,<foo>bar</foo>"; + tabs.open({ + url: url, + onReady: function(tab) { + if (tab.url === url) { + assert.equal(tab.contentType, "text/html"); + tab.url = urlXML; + } + else { + assert.equal(tab.contentType, "text/xml"); + tab.close(done); + } + } + }); +}; + +// test that it isn't possible to open a private tab without the private permission +exports.testTabOpenPrivate = function(assert, done) { + + let url = 'about:blank'; + tabs.open({ + url: url, + isPrivate: true, + onReady: function(tab) { + assert.equal(tab.url, url, 'opened correct tab'); + assert.equal(isPrivate(tab), false, 'private tabs are not supported by default'); + + tab.close(done); + } + }); +} + +// We need permission flag in order to see private window's tabs +exports.testPrivateAreNotListed = function (assert, done) { + let originalTabCount = tabs.length; + + let page = openWebpage("about:blank", true); + if (!page) { + assert.pass("Private browsing isn't supported in this release"); + return; + } + + page.ready.then(function (win) { + if (isTabPBSupported || isWindowPBSupported) { + assert.ok(isWindowPrivate(win), "the window is private"); + assert.equal(tabs.length, originalTabCount, + 'but the tab is *not* visible in tabs list'); + } + else { + assert.ok(!isWindowPrivate(win), "the window isn't private"); + assert.equal(tabs.length, originalTabCount + 1, + 'so that the tab is visible is tabs list'); + } + page.close().then(done); + }); +} + +// If we close the tab while being in `onOpen` listener, +// we end up synchronously consuming TabOpen, closing the tab and still +// synchronously consuming the related TabClose event before the second +// loader have a change to process the first TabOpen event! +exports.testImmediateClosing = function (assert, done) { + let tabURL = 'data:text/html,foo'; + + let { loader, messages } = LoaderWithHookedConsole(module, onMessage); + let concurrentTabs = loader.require("sdk/tabs"); + concurrentTabs.on("open", function (tab) { + // On Firefox, It shouldn't receive such event as the other loader will just + // open and destroy the tab without giving a chance to other loader to even + // know about the existance of this tab. + if (app.is("Firefox")) { + assert.fail("Concurrent loader received a tabs `open` event"); + } + else { + // On mobile, we can still receive an open event, + // but not the related ready event + tab.on("ready", function () { + assert.fail("Concurrent loader received a tabs `ready` event"); + }); + } + }); + function onMessage(type, msg) { + assert.fail("Unexpected mesage on concurrent loader: " + msg); + } + + tabs.open({ + url: tabURL, + onOpen: function(tab) { + tab.close(function () { + assert.pass("Tab succesfully removed"); + // Let a chance to the concurrent loader to receive a TabOpen event + // on the next event loop turn + setTimeout(function () { + loader.unload(); + done(); + }, 0); + }); + } + }); +} + +// TEST: tab.reload() +exports.testTabReload = function(assert, done) { + + let url = "data:text/html;charset=utf-8,<!doctype%20html><title></title>"; + + tabs.open({ + url: url, + onReady: function onReady(tab) { + tab.removeListener('ready', onReady); + + tab.once( + 'ready', + function onReload() { + assert.pass("the tab was loaded again"); + assert.equal(tab.url, url, "the tab has the same URL"); + + tab.close(() => done()); + } + ); + + tab.reload(); + } + }); +}; + +exports.testOnPageShowEvent = function (assert, done) { + let events = []; + let firstUrl = 'data:text/html;charset=utf-8,First'; + let secondUrl = 'data:text/html;charset=utf-8,Second'; + + let counter = 0; + function onPageShow (tab, persisted) { + events.push('pageshow'); + counter++; + if (counter === 1) { + assert.equal(persisted, false, 'page should not be cached on initial load'); + tab.url = secondUrl; + } + else if (counter === 2) { + assert.equal(persisted, false, 'second test page should not be cached either'); + tab.attach({ + contentScript: 'setTimeout(function () { window.history.back(); }, 0)' + }); + } + else { + assert.equal(persisted, true, 'when we get back to the fist page, it has to' + + 'come from cache'); + tabs.removeListener('pageshow', onPageShow); + tabs.removeListener('open', onOpen); + tabs.removeListener('ready', onReady); + tab.close(() => { + ['open', 'ready', 'pageshow', 'ready', + 'pageshow', 'pageshow'].map((type, i) => { + assert.equal(type, events[i], 'correct ordering of events'); + }); + done() + }); + } + } + + function onOpen () { + return events.push('open'); + } + function onReady () { + return events.push('ready'); + } + + tabs.on('pageshow', onPageShow); + tabs.on('open', onOpen); + tabs.on('ready', onReady); + tabs.open({ + url: firstUrl + }); +}; + +exports.testOnPageShowEventDeclarative = function (assert, done) { + let events = []; + let firstUrl = 'data:text/html;charset=utf-8,First'; + let secondUrl = 'data:text/html;charset=utf-8,Second'; + + let counter = 0; + function onPageShow (tab, persisted) { + events.push('pageshow'); + counter++; + if (counter === 1) { + assert.equal(persisted, false, 'page should not be cached on initial load'); + tab.url = secondUrl; + } + else if (counter === 2) { + assert.equal(persisted, false, 'second test page should not be cached either'); + tab.attach({ + contentScript: 'setTimeout(function () { window.history.back(); }, 0)' + }); + } + else { + assert.equal(persisted, true, 'when we get back to the fist page, it has to' + + 'come from cache'); + tabs.removeListener('pageshow', onPageShow); + tabs.removeListener('open', onOpen); + tabs.removeListener('ready', onReady); + tab.close(() => { + ['open', 'ready', 'pageshow', 'ready', + 'pageshow', 'pageshow'].map((type, i) => { + assert.equal(type, events[i], 'correct ordering of events'); + }); + done() + }); + } + } + + function onOpen () { + return events.push('open'); + } + function onReady () { + return events.push('ready'); + } + + tabs.open({ + url: firstUrl, + onPageShow: onPageShow, + onOpen: onOpen, + onReady: onReady + }); +}; + +exports.testAttachStyleToTab = function(assert, done) { + let style = Style({ + source: "div { height: 100px; }", + uri: fixtures.url("include-file.css") + }); + + tabs.open({ + url: "data:text/html;charset=utf-8,<div style='background: silver'>css test</div>", + onReady: (tab) => { + let xulTab = viewFor(tab); + + attach(style, tab) + + let { document } = getTabContentWindow(xulTab); + let div = document.querySelector("div"); + + assert.equal(div.clientHeight, 100, + "Style.source properly attached to tab"); + + assert.equal(div.offsetHeight, 120, + "Style.uri properly attached to tab"); + + detach(style, tab); + + assert.notEqual(div.clientHeight, 100, + "Style.source properly detached from tab"); + + assert.notEqual(div.offsetHeight, 120, + "Style.uri properly detached from tab"); + + attach(style, xulTab); + + assert.equal(div.clientHeight, 100, + "Style.source properly attached to xul tab"); + + assert.equal(div.offsetHeight, 120, + "Style.uri properly attached to xul tab"); + + detach(style, tab); + + assert.notEqual(div.clientHeight, 100, + "Style.source properly detached from xul tab"); + + assert.notEqual(div.offsetHeight, 120, + "Style.uri properly detached from xul tab"); + + tab.close(done); + } + }); +}; + +// Tests that the this property is correct in event listeners called from +// the tabs API. +exports.testTabEventBindings = function(assert, done) { + let loader = Loader(module); + let tabs = loader.require("sdk/tabs"); + let firstTab = tabs.activeTab; + + let EVENTS = ["open", "close", "activate", "deactivate", + "load", "ready", "pageshow"]; + + let tabBoundEventHandler = (event) => function(tab) { + assert.equal(this, tab, "tab listener for " + event + " event should be bound to the tab object."); + }; + + let tabsBoundEventHandler = (event) => function(tab) { + assert.equal(this, tabs, "tabs listener for " + event + " event should be bound to the tabs object."); + } + for (let event of EVENTS) + tabs.on(event, tabsBoundEventHandler(event)); + + let tabsOpenEventHandler = (event) => function(tab) { + assert.equal(this, tab, "tabs open listener for " + event + " event should be bound to the tab object."); + } + + let openArgs = { + url: "data:text/html;charset=utf-8,binding-test", + onOpen: function(tab) { + tabsOpenEventHandler("open").call(this, tab); + + for (let event of EVENTS) + tab.on(event, tabBoundEventHandler(event)); + + tab.once("pageshow", () => { + tab.once("deactivate", () => { + tab.once("close", () => { + loader.unload(); + done(); + }); + + tab.close(); + }); + + firstTab.activate(); + }); + } + }; + // Listen to everything except onOpen + for (let event of EVENTS.slice(1)) { + let eventProperty = "on" + event.slice(0, 1).toUpperCase() + event.slice(1); + openArgs[eventProperty] = tabsOpenEventHandler(event); + } + + tabs.open(openArgs); +} + +require('sdk/test').run(exports); |