Finish

extension/.eslintignore

@@ -3,6 +3,5 @@ build
 dev
 webpack/replace
 examples
-test/app/setup.js
 npm-package
 _book

extension/jest.config.js

@@ -1,3 +1,3 @@
 module.exports = {
-  setupFiles: ['<rootDir>/test/app/setup.js'],
+  setupFiles: ['<rootDir>/test/setup.js'],
 };

extension/package.json

@@ -18,7 +18,7 @@
     "docs:publish": "npm run docs:clean && npm run docs:build && cd _book && git init && git commit --allow-empty -m 'update book' && git checkout -b gh-pages && touch .nojekyll && git add . && git commit -am 'update book' && git push git@github.com:zalmoxisus/redux-devtools-extension gh-pages --force",
     "clean": "rimraf build/ && rimraf dev/",
     "lint": "eslint .",
-    "test:app": "jest test/app",
+    "test:app": "cross-env BABEL_ENV=test jest test/app",
     "test:chrome": "jest test/chrome",
     "test:electron": "jest test/electron && rimraf test/electron/tmp",
     "test": "npm run test:app && npm run build:extension && npm run test:chrome && npm run test:electron"

extension/test/chrome/extension.spec.js

@@ -9,9 +9,7 @@ const extensionId = 'lmhkpmbekcpmknklioeibfkpmmfibljd';
 const actionsPattern = /^@@INIT(.|\n)+@@reduxReactRouter\/routerDidChange(.|\n)+@@reduxReactRouter\/initRoutes(.|\n)+$/;
 
 describe('Chrome extension', function () {
-  this.timeout(20000);
+  beforeAll(async () => {
-
-  before(async () => {
     chromedriver.start();
     await delay(2000);
     this.driver = new webdriver.Builder()
@@ -24,7 +22,7 @@ describe('Chrome extension', function () {
       .forBrowser('chrome')
       .build();
   });
-  after(async () => {
+  afterAll(async () => {
     await this.driver.quit();
     chromedriver.stop();
   });
@@ -41,10 +39,10 @@ describe('Chrome extension', function () {
   });
 
   it("should contain inspector monitor's component", async () => {
-    const val = this.driver
+    const val = await this.driver
       .findElement(webdriver.By.xpath('//div[contains(@class, "inspector-")]'))
       .getText();
-    expect(val).toExist();
+    expect(val).toBeDefined();
   });
 
   it('should contain an empty actions list', async () => {

extension/test/chrome/setup.js

@@ -1,2 +0,0 @@
-require('@babel/register')();
-require('@babel/polyfill');

extension/test/electron/devpanel.spec.js

@@ -8,9 +8,7 @@ const port = 9515;
 const devPanelPath = 'chrome-extension://redux-devtools/devpanel.html';
 
 describe('DevTools panel for Electron', function () {
-  this.timeout(10000);
+  beforeAll(async () => {
-
-  before(async () => {
     chromedriver.start();
     await delay(1000);
     this.driver = new webdriver.Builder()
@@ -26,7 +24,7 @@ describe('DevTools panel for Electron', function () {
     await this.driver.manage().timeouts().setScriptTimeout(10000);
   });
 
-  after(async () => {
+  afterAll(async () => {
     await this.driver.quit();
     chromedriver.stop();
   });
@@ -61,7 +59,7 @@ describe('DevTools panel for Electron', function () {
     const className = await this.driver
       .findElement(webdriver.By.className(id))
       .getAttribute('class');
-    expect(className).toNotMatch(/hidden/); // not hidden
+    expect(className).not.toMatch(/hidden/); // not hidden
   });
 
   it('should have Redux DevTools UI on current tab', async () => {
@@ -91,7 +89,7 @@ describe('DevTools panel for Electron', function () {
     const val = await this.driver
       .findElement(webdriver.By.xpath('//div[contains(@class, "inspector-")]'))
       .getText();
-    expect(val).toExist();
+    expect(val).toBeDefined();
   });
 
   Object.keys(switchMonitorTests).forEach((description) =>

extension/test/electron/setup.js

@@ -1,2 +0,0 @@
-require('@babel/register')();
-require('@babel/polyfill');