A custom test runner for Jest that runs tests inside an electron main or renderer process providing the following benefits:
-
Main
- all electron instance modules (ipc, app, etc)
-
Renderer
- full access to a browser environment without the need for jsdom or similar modules
This project is a fork of Facebook's @jest-runner/electron which seems to be no longer maintained, was archived on Github and is not working with newer Jest versions. I simplified the project, converted it from Flow to TypeScript and made it compatible to Jest 27.
-
Install jest electron runner
npm i --save-dev @kayahr/jest-runner-electron
-
Add one of these lines to your jest config (in
package.json
or inside yourjest.config.js
file), depending on the process you wish to test. If you wish to test them in parallel, see the tips section below.- Main process
{ // ... runner: '@kayahr/jest-runner-electron/main', testEnvironment: 'node', }
- Renderer Process
{ // ... runner: '@kayahr/jest-runner-electron', testEnvironment: '@kayahr/jest-runner-electron/environment', }
-
Run jest.
Normally jest-electron-runner runs a headless instance of electron when testing the renderer process. You may show the UI by adding this to your test:
require('electron').remote.getCurrentWindow().show();
- The main process runner can be used to test any non-browser related code, which can speed up tests roughly 2x.
- To run the main and renderer process tests in parallel, you can provide a config object to the
projects
array in a jest javascript config file like so:
// jest.config.js
const common = require('./jest.common.config')
module.exports = {
projects: [
{
...common,
runner: '@kayahr/jest-runner-electron/main',
testEnvironment: 'node',
testMatch: ['**/__tests__/**/*.(spec|test).js']
},
{
...common,
runner: '@kayahr/jest-runner-electron',
testEnvironment: '@kayahr/jest-runner-electron/environment',
testMatch: ['**/__tests__/**/*.(spec|test).tsx']
}
]
}