upgrade to babel 7 and jest 24

Author: corevo

babel.config.js

@@ -0,0 +1,13 @@
+const fs = require('fs')
+const path = require('path')
+
+module.exports = {
+  babelrcRoots: fs
+    .readdirSync('packages')
+    .map(dirname => path.join(process.cwd(), 'packages', dirname))
+    .filter(dirpath => {
+      const stats = fs.statSync(dirpath)
+
+      return stats.isDirectory()
+    }),
+}

package.json

@@ -30,27 +30,29 @@
     "moduleNameMapper": {
       "^.+\\.(css|scss)$": "identity-obj-proxy"
     },
-    "setupTestFrameworkScriptFile": "./packages/selenium-ide/scripts/jest/test.config.js",
+    "setupFilesAfterEnv": [
+      "./packages/selenium-ide/scripts/jest/test.config.js"
+    ],
     "testMatch": [
       "**/packages/**/__test?(s)__/**/*.js?(x)"
     ]
   },
   "devDependencies": {
+    "@babel/core": "^7.3.4",
     "babel-eslint": "^10.0.1",
-    "babel-jest": "^23.6.0",
+    "babel-jest": "^24.3.1",
     "eslint": "^5.8.0",
     "eslint-config-prettier": "^3.1.0",
     "eslint-plugin-jest": "^21.27.1",
     "eslint-plugin-prettier": "^3.0.0",
     "eslint-plugin-react": "^7.11.1",
     "identity-obj-proxy": "^3.0.0",
-    "jest": "^23.6.0",
+    "jest": "^24.3.1",
     "lerna": "^3.4.3",
     "prettier": "^1.14.3",
     "stylelint": "^9.7.1",
     "stylelint-config-prettier": "^4.0.0",
     "stylelint-config-standard": "^18.2.0",
-    "stylelint-prettier": "^1.0.3",
-    "web-ext": "^2.4.0"
+    "stylelint-prettier": "^1.0.3"
   }
 }

packages/browser-webdriver/.babelrc

@@ -1,3 +1,12 @@
 {
-  presets: [ "node8" ]
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "targets": {
+          "node": "8"
+        }
+      }
+    ]
+  ]
 }

packages/browser-webdriver/package.json

@@ -13,8 +13,8 @@
     "build/webdriver.js"
   ],
   "devDependencies": {
-    "babel-cli": "^6.26.0",
-    "babel-preset-node8": "^1.2.0",
+    "@babel/cli": "^7.2.3",
+    "@babel/preset-env": "^7.3.4",
     "browserify": "^16.2.2",
     "selenium-webdriver": "3.6.0",
     "watchify": "^3.11.0"

packages/browser-webdriver/yarn.lock

@@ -1,20 +1,19 @@
 {
-  "presets": ["env",
-    "react"
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "targets": {
+          "node": "8",
+          "chrome": "60",
+          "firefox": "56"
+        }
+      }
+    ],
+    "@babel/preset-react"
   ],
   "plugins": [
-    "transform-decorators-legacy",
-    "transform-decorators",
-    "transform-object-rest-spread",
-    ["transform-class-properties", { "loose": true }],
-    ["babel-plugin-transform-builtin-extend", {
-      "globals": ["Error", "Array"]
-    }],
-    "react-hot-loader/babel",
-    ["babel-plugin-transform-runtime", {
-      "helpers": false,
-      "polyfill": false,
-      "regenerator": true
-    }]
+    ["@babel/plugin-proposal-decorators", { "legacy": true }],
+    ["@babel/plugin-proposal-class-properties", { "loose": true }]
   ]
 }

packages/selenium-ide/.babelrc

@@ -15,17 +15,14 @@
     "watch": "yarn build:dev -w"
   },
   "devDependencies": {
+    "@babel/core": "^7.3.4",
+    "@babel/plugin-proposal-class-properties": "^7.3.4",
+    "@babel/plugin-proposal-decorators": "^7.3.0",
+    "@babel/plugin-transform-runtime": "^7.3.4",
+    "@babel/preset-env": "^7.3.4",
+    "@babel/preset-react": "^7.0.0",
     "autoprefixer": "^7.1.4",
-    "babel-core": "^6.26.0",
-    "babel-loader": "^7.1.2",
-    "babel-plugin-transform-builtin-extend": "^1.1.2",
-    "babel-plugin-transform-class-properties": "^6.24.1",
-    "babel-plugin-transform-decorators": "^6.24.1",
-    "babel-plugin-transform-decorators-legacy": "^1.3.4",
-    "babel-plugin-transform-object-rest-spread": "^6.26.0",
-    "babel-plugin-transform-runtime": "^6.23.0",
-    "babel-preset-env": "^1.6.0",
-    "babel-preset-react": "^6.24.1",
+    "babel-loader": "^8.0.5",
     "closure-loader": "0.6.0",
     "copy-webpack-plugin": "^4.0.1",
     "css-loader": "^0.28.7",

packages/selenium-ide/package.json

@@ -2,9 +2,11 @@ import 'jest-dom/extend-expect' // matchers for view tests
 
 window.HTMLElement.prototype.scrollTo = jest.fn()
 
-window.MutationObserver = () => {
-  return {
-    observe: jest.fn(),
-    disconnect: jest.fn(),
+class MutationObserver {
+  constructor() {
+    this.observe = jest.fn()
+    this.disconnect = jest.fn()
   }
 }
+
+window.MutationObserver = MutationObserver

packages/selenium-ide/scripts/jest/test.config.js

@@ -15,17 +15,17 @@
 // specific language governing permissions and limitations
 // under the License.
 
-import path from 'path'
-import webpack from 'webpack'
-import HtmlWebpackPlugin from 'html-webpack-plugin'
-import ExtractTextPlugin from 'extract-text-webpack-plugin'
-import CopyWebpackPlugin from 'copy-webpack-plugin'
-import UglifyJsPlugin from 'uglifyjs-webpack-plugin'
-import autoprefixer from 'autoprefixer'
+const path = require('path')
+const webpack = require('webpack')
+const HtmlWebpackPlugin = require('html-webpack-plugin')
+const ExtractTextPlugin = require('extract-text-webpack-plugin')
+const CopyWebpackPlugin = require('copy-webpack-plugin')
+const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
+const autoprefixer = require('autoprefixer')
 
 const isProduction = process.env.NODE_ENV === 'production'
 
-export default {
+module.exports = {
   context: path.resolve(__dirname, 'src'),
   devtool: isProduction ? 'source-map' : 'cheap-eval-source-map',
   entry: {