test: Run a minimal set of tests from a test extension running on Chrome (#66)
* test: Run a minimal set of integration/smoke tests on Chrome * chore: minor tweaks to dependencies version in the package.json
This commit is contained in:
Luca Greco
GitHub
parent
8914541b81
commit
49ce6ef155
|
|
@ -1,5 +1,8 @@
|
|||
{
|
||||
"root": true,
|
||||
|
||||
"parser": "babel-eslint",
|
||||
|
||||
"parserOptions": {
|
||||
"ecmaVersion": 6,
|
||||
},
|
||||
|
|
@ -429,7 +432,7 @@
|
|||
"spaced-comment": [2, "always"],
|
||||
|
||||
// Require "use strict" to be defined globally in the script.
|
||||
"strict": [2, "global"],
|
||||
"strict": [0, "global"],
|
||||
|
||||
// Allow vars to be declared anywhere in the scope.
|
||||
"vars-on-top": 0,
|
||||
|
|
|
|||
|
|
@ -11,6 +11,10 @@ script:
|
|||
- echo "RE-RUN tests on the webpack and browserify bundled files" &&
|
||||
npm install -g browserify webpack &&
|
||||
./test/run-module-bundlers-smoketests.sh
|
||||
- export DISPLAY=:99.0
|
||||
- sh -e /etc/init.d/xvfb start
|
||||
- echo "RUN integration tests on chrome" &&
|
||||
./test/run-chrome-smoketests.sh
|
||||
|
||||
after_script: npm run publish-coverage
|
||||
|
||||
|
|
|
|||
13
package.json
13
package.json
|
|
@ -17,10 +17,14 @@
|
|||
},
|
||||
"homepage": "https://github.com/mozilla/webextension-polyfill",
|
||||
"devDependencies": {
|
||||
"async-wait-until": "^1.1.5",
|
||||
"babel-eslint": "^8.0.1",
|
||||
"babel-plugin-transform-es2015-modules-umd": "^6.24.1",
|
||||
"babel-preset-babili": "0.0.10",
|
||||
"babel-preset-babili": "^0.0.10",
|
||||
"babel-preset-es2017": "^6.24.1",
|
||||
"chai": "^3.5.0",
|
||||
"eslint": "3.9.1",
|
||||
"eslint": "^3.9.1",
|
||||
"finalhandler": "^1.1.0",
|
||||
"grunt": "^1.0.1",
|
||||
"grunt-babel": "^6.0.0",
|
||||
"grunt-contrib-concat": "^1.0.1",
|
||||
|
|
@ -31,6 +35,8 @@
|
|||
"jsdom": "^9.6.0",
|
||||
"mocha": "^3.1.0",
|
||||
"nyc": "^8.3.1",
|
||||
"puppeteer": "^0.10.2",
|
||||
"serve-static": "^1.13.1",
|
||||
"sinon": "^1.17.6"
|
||||
},
|
||||
"nyc": {
|
||||
|
|
@ -47,6 +53,7 @@
|
|||
"publish-coverage": "grunt coveralls",
|
||||
"test": "mocha",
|
||||
"test-coverage": "COVERAGE=y nyc mocha",
|
||||
"test-minified": "TEST_MINIFIED_POLYFILL=1 mocha"
|
||||
"test-minified": "TEST_MINIFIED_POLYFILL=1 mocha",
|
||||
"test-integration": "mocha -r test/mocha-babel test/integration/test-*"
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,10 @@
|
|||
<!DOCTYPE>
|
||||
<html>
|
||||
<head>
|
||||
<title>Browser Polyfill Test Page</title>
|
||||
<meta charset="utf-8">
|
||||
</head>
|
||||
<body>
|
||||
<h1>Browser Polyfill Test Page</h1>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
const {name} = browser.runtime.getManifest();
|
||||
|
||||
console.log(name, "background page loaded");
|
||||
|
||||
browser.runtime.onMessage.addListener((msg, sender) => {
|
||||
console.log(name, "background received msg", {msg, sender});
|
||||
|
||||
return Promise.resolve("background page reply");
|
||||
});
|
||||
|
||||
console.log(name, "background page ready to receive a content script message...");
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
const {name} = browser.runtime.getManifest();
|
||||
|
||||
console.log(name, "content script loaded");
|
||||
|
||||
browser.runtime.sendMessage("content script message").then(reply => {
|
||||
console.log(name, "content script received reply", {reply});
|
||||
});
|
||||
|
||||
console.log(name, "content script message sent");
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
{
|
||||
"manifest_version": 2,
|
||||
"name": "test-extension-runtime-messaging",
|
||||
"version": "0.1",
|
||||
"description": "test-extension-runtime-messaging",
|
||||
"content_scripts": [
|
||||
{
|
||||
"matches": [
|
||||
"http://localhost/*"
|
||||
],
|
||||
"js": [
|
||||
"browser-polyfill.js",
|
||||
"content.js"
|
||||
]
|
||||
}
|
||||
],
|
||||
"permissions": [],
|
||||
"background": {
|
||||
"scripts": [
|
||||
"browser-polyfill.js",
|
||||
"background.js"
|
||||
]
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
const finalhandler = require("finalhandler");
|
||||
const http = require("http");
|
||||
const serveStatic = require("serve-static");
|
||||
|
||||
exports.createHTTPServer = async (path) => {
|
||||
var serve = serveStatic(path);
|
||||
|
||||
var server = http.createServer((req, res) => {
|
||||
serve(req, res, finalhandler(req, res));
|
||||
});
|
||||
|
||||
return new Promise((resolve, reject) => {
|
||||
server.listen((err) => {
|
||||
if (err) {
|
||||
reject(err);
|
||||
} else {
|
||||
resolve(server);
|
||||
}
|
||||
});
|
||||
});
|
||||
};
|
||||
|
|
@ -0,0 +1,92 @@
|
|||
"use strict";
|
||||
|
||||
const path = require("path");
|
||||
|
||||
const waitUntil = require("async-wait-until");
|
||||
const {deepEqual} = require("chai").assert;
|
||||
const puppeteer = require("puppeteer");
|
||||
|
||||
const {createHTTPServer} = require("./setup");
|
||||
|
||||
const fixtureExtensionDirName = "runtime-messaging-extension";
|
||||
|
||||
const extensionName = require(`../fixtures/${fixtureExtensionDirName}/manifest.json`).name;
|
||||
|
||||
describe("browser.runtime.onMessage/sendMessage", function() {
|
||||
this.timeout(10000);
|
||||
|
||||
it("works as expected on Chrome", async () => {
|
||||
const server = await createHTTPServer(path.join(__dirname, "..", "fixtures"));
|
||||
|
||||
const url = `http://localhost:${server.address().port}`;
|
||||
|
||||
const browser = await puppeteer.launch({
|
||||
// Chrome Extensions are not currently supported in headless mode.
|
||||
headless: false,
|
||||
|
||||
// Custom chrome arguments.
|
||||
args: [
|
||||
`--load-extension=${process.env.TEST_EXTENSIONS_PATH}/${fixtureExtensionDirName}`,
|
||||
],
|
||||
});
|
||||
|
||||
const page = await browser.newPage();
|
||||
|
||||
const pageConsoleMessages = [];
|
||||
const pageErrors = [];
|
||||
|
||||
page.on("console", (...args) => {
|
||||
pageConsoleMessages.push(args);
|
||||
});
|
||||
|
||||
page.on("error", (error) => {
|
||||
pageErrors.push(error);
|
||||
});
|
||||
|
||||
await page.goto(url);
|
||||
|
||||
const expectedConsoleMessages = [
|
||||
[extensionName, "content script loaded"],
|
||||
[extensionName, "content script message sent"],
|
||||
[extensionName, "content script received reply", {"reply": "background page reply"}],
|
||||
];
|
||||
|
||||
const lastExpectedMessage = expectedConsoleMessages.slice(-1).pop();
|
||||
|
||||
let unexpectedException;
|
||||
|
||||
try {
|
||||
// Wait until the last expected message has been received.
|
||||
await waitUntil(() => {
|
||||
return pageConsoleMessages.filter((msg) => {
|
||||
return msg[0] === lastExpectedMessage[0] && msg[1] === lastExpectedMessage[1];
|
||||
}).length > 0;
|
||||
}, 5000);
|
||||
} catch (error) {
|
||||
// Collect any unexpected exception (e.g. a timeout error raised by waitUntil),
|
||||
// it will be part of the deepEqual assertion of the results.
|
||||
unexpectedException = error;
|
||||
}
|
||||
|
||||
let actualResults = {
|
||||
consoleMessages: pageConsoleMessages,
|
||||
unexpectedException,
|
||||
};
|
||||
|
||||
let expectedResults = {
|
||||
consoleMessages: expectedConsoleMessages,
|
||||
unexpectedException: undefined,
|
||||
};
|
||||
|
||||
try {
|
||||
deepEqual(actualResults, expectedResults, "Got the expected results");
|
||||
} finally {
|
||||
// ensure that we close the browser and the test HTTP server before exiting
|
||||
// the test, even when the assertions fails.
|
||||
await Promise.all([
|
||||
browser.close(),
|
||||
new Promise(resolve => server.close(resolve)),
|
||||
]);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
require("babel-core/register")({
|
||||
presets: ["es2017"],
|
||||
});
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
echo "\nTest webextension-polyfill from an extension running on chrome"
|
||||
echo "==============================================="
|
||||
|
||||
export TEST_EXTENSIONS_PATH=/tmp/browser-polyfill-chrome-smoketests
|
||||
|
||||
MARKER_FILE=$TEST_EXTENSIONS_PATH/.created-for-run-chrome-smoketests
|
||||
|
||||
# Check if the marker file exists and then remove the directory.
|
||||
if [ -f $MARKER_FILE ]; then
|
||||
rm -fr $TEST_EXTENSIONS_PATH
|
||||
fi
|
||||
|
||||
## Exits immediately if the directory already exists (which can only happen in a local
|
||||
## development environment, while this test will usually run on travis).
|
||||
mkdir $TEST_EXTENSIONS_PATH || exit 1
|
||||
touch $MARKER_FILE
|
||||
|
||||
cp -rf test/fixtures/runtime-messaging-extension $TEST_EXTENSIONS_PATH
|
||||
cp -rf dist/browser-polyfill.js* $TEST_EXTENSIONS_PATH/runtime-messaging-extension/
|
||||
|
||||
npm run test-integration
|
||||
Loading…
Reference in New Issue