chore(package): update to Jest 24 (#1068)

* chore(package): update to Jest 24

* fix TS warnings

* update coverage config

* update coverage config

* fix typo

Author: layershifter

build/gulp/plugins/util/parseBuffer.ts

@@ -1,4 +1,4 @@
-import { parse } from 'babylon'
+import { parse } from '@babel/parser'
 
 const parseBuffer = buffer =>
   parse(buffer.toString(), {

build/gulp/plugins/util/parseDocSection.ts

@@ -1,5 +1,5 @@
 import * as _ from 'lodash'
-import traverse from 'babel-traverse'
+import traverse from '@babel/traverse'
 
 import parseBuffer from './parseBuffer'
 

build/gulp/tasks/bundle.ts

@@ -11,7 +11,7 @@ const { paths } = config
 const g = require('gulp-load-plugins')()
 const { log, PluginError } = g.util
 
-const packageName: string = argv.package || 'react'
+const packageName = (argv.package as string) || 'react'
 
 // ----------------------------------------
 // Clean

build/gulp/tasks/perf.ts

@@ -82,7 +82,7 @@ task('perf:build', cb => {
 
 task('perf:run', async () => {
   const measures: ProfilerMeasureCycle[] = []
-  const times = argv.times || DEFAULT_RUN_TIMES
+  const times = (argv.times as string) || DEFAULT_RUN_TIMES
   const filter = argv.filter
 
   let browser

build/gulp/tasks/screener.ts

@@ -12,7 +12,7 @@ const { paths } = config
 
 task('screener:runner', cb => {
   // screener-runner doesn't allow to pass custom options
-  if (argv.filter) process.env.SCREENER_FILTER = argv.filter
+  if (argv.filter) process.env.SCREENER_FILTER = argv.filter as string
 
   // kill the server when done
   sh(`screener-runner --conf ${paths.base('build/screener/screener.config.js')}`)

build/jest/jest.config.common.js

@@ -1,16 +1,16 @@
 const { jest: lernaAliases } = require('lerna-alias')
 
-const setupTestFrameworkScriptFile = process.env.CI
-  ? `${__dirname}/setup.strict.ts`
-  : `${__dirname}/setup.common.ts`
+const setupFilesAfterEnv = [
+  process.env.CI ? `${__dirname}/setup.strict.ts` : `${__dirname}/setup.common.ts`,
+]
 
 module.exports = {
   rootDir: `${__dirname}/../../`,
   coverageDirectory: './coverage/',
   coverageReporters: ['json', 'lcov'],
   testRegex: '/test/.*-test\\.tsx?$',
   moduleFileExtensions: ['ts', 'tsx', 'js', 'json'],
-  setupTestFrameworkScriptFile,
+  setupFilesAfterEnv,
   transform: {
     '^.+\\.(ts|tsx)$': 'ts-jest',
   },

jest.config.js

@@ -1,10 +1,12 @@
-const { rollup: lernaAlises } = require('lerna-alias')
+const { rollup: lernaAliases } = require('lerna-alias')
+const commonConfig = require('./build/jest/jest.config.common')
 
 // packages/react/src -> packages/react,
 // as lernaAliases append 'src' by default
-const stardustPackages = lernaAlises({ sourceDirectory: false })
+const stardustPackages = lernaAliases({ sourceDirectory: false })
 const projects = Object.keys(stardustPackages).map(packageName => stardustPackages[packageName])
 
 module.exports = {
+  coverageReporters: commonConfig.coverageReporters,
   projects,
 }

package.json

@@ -53,8 +53,8 @@
     "@types/enzyme": "^3.9.0",
     "@types/faker": "^4.1.3",
     "@types/gulp-load-plugins": "^0.0.31",
-    "@types/jest": "^23.3.9",
-    "@types/jest-axe": "^2.2.2",
+    "@types/jest": "^24.0.11",
+    "@types/jest-axe": "^2.2.3",
     "@types/lodash": "^4.14.118",
     "@types/node": "^10.3.2",
     "@types/puppeteer": "^1.11.1",
@@ -91,8 +91,8 @@
     "gulp-util": "^3.0.8",
     "html-webpack-plugin": "^3.2.0",
     "husky": "^0.14.3",
-    "jest": "^23.6.0",
-    "jest-axe": "^3.1.0",
+    "jest": "^24.5.0",
+    "jest-axe": "^3.1.1",
     "json-stable-stringify-without-jsonify": "^1.0.1",
     "lerna": "^3.10.7",
     "lerna-alias": "^3.0.3-0",
@@ -123,7 +123,7 @@
     "syncpack": "^4.3.1",
     "through2": "^2.0.3",
     "tmp": "^0.0.33",
-    "ts-jest": "^23.10.4",
+    "ts-jest": "^24.0.0",
     "ts-loader": "^5.3.0",
     "ts-node": "^6.1.0",
     "tsconfig-paths": "^3.7.0",