🚀 AVA + Electron = Avaron 🚀
Run your test on real browser with AVA.
Avaron forked from vdbwouter/electron-ava.
- I want to run tests on real browser with
AVA
. - I want to take screenshot of DOM.
You can capture the following image with a real browser when using Avaron
.
This sample is using material-ui
's DatePickerDialog
component.
Please see also, screenshot test sample https://github.com/bokuweb/avaron/blob/master/test/renderer/renderer.test.js
You can install avaron
with the following command:
$ npm install avaron --save-dev
Or, if you prefer yarn:
$ yarn add avaron -D
Then add the following in your package.json
:
"scripts": {
"test": "avaron"
}
That's all! You can now run your Electron tests in AVA using yarn test
or npm test
.
Usage
avaron [<file|directory|glob> ...]
Options
--fail-fast Stop after first test failure
--serial, -s Run tests serially
--tap, -t Generate TAP output
--verbose, -v Enable verbose output
--no-cache Disable the transpiler cache
--no-power-assert Disable Power Assert
--match, -m Only run tests with matching title (Can be repeated)
--watch, -w Re-run tests when tests and source files change
--source, -S Pattern to match source files so tests can be re-run (Can be repeated)
--timeout, -T Set global timeout
--concurrency, -c Maximum number of test files running at the same time (EXPERIMENTAL)
--update-snapshots, -u Update snapshots
--renderer Run the on the renderer process
Examples
avaron
avaron test.js test2.js
avaron test-*.js
avaron test
avaron test --renderer
Default patterns when no arguments:
test.js test-*.js test/**/*.js **/__tests__/**/*.js **/*.test.js
The CLI has the same options as the
AVA CLI,
except for the options --init
and --renderer
. --init
has not yet been added and
--renderer
has been added.
--renderer
allows you to run the tests in the renderer process instead of the main process.
If you want to run your tests in the renderer process, you can add the renderer
option to the avaron
section in your package.json
and give it the value true
.
This config works the same as the ava
config.
Your package.json
then should look like this:
{
"scripts": {
"test": "avaron"
},
"devDependencies": {
"avaron": "*"
},
"avaron": {
"renderer": true
}
}
Return true
, when test is running on avaron renderer.
Return current BrowserWindow
, when test is running on avaron renderer.
Return null
, when running on other browser.
Takes a screenshot of the current test. Useful for visual test. The output is always a png.
import test from 'ava';
import { screenshot } from 'avaron';
test('should capture', async t => {
await screenshot('path_to_screenshot.png');
t.pass();
});
Also see, avaron
's renderer test. (https://github.com/bokuweb/avaron/blob/master/test/renderer/renderer.test.js)
If you want to pass options to the browser window for the renderer process, you can do this by
adding the windowOptions
option to your config. This object will then be passed to the
BrowserWindow
constructor.
{
"scripts": {
"test": "avaron"
},
"devDependencies": {
"avaron": "*"
},
"avaron": {
"renderer": true,
"fixture": "./fixture.html",
"windowOptions": {
"title": "avaron"
}
}
}
name | Default | Description |
---|---|---|
renderer | false |
If set true , your tests run in the renderer process. In other words you can test with a real browser (chromium) |
fixture | undefined | You can custom html file for renderer test. If omitted, uses Avaron's own fixture.html file. |
- react-avaron-sample - React + avaron test sample
If you want to run tests on CI, please set xvfb. Please see also, these files.
- TravisCI - https://github.com/bokuweb/react-avaron-sample/blob/master/.travis.yml
- CircleCI - https://github.com/bokuweb/react-avaron-sample/blob/master/circle.yml
$ npm t
PRs welcome.
The MIT License (MIT)
Copyright (c) 2017 @bokuweb
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.