@toptal/davinci-qa 5.5.1-alpha-remove-display-name-from-code-templates.2 → 5.5.1-alpha-chore-improve-unit-tests-gh-workflow.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@toptal/davinci-qa",
-  "version": "5.5.1-alpha-remove-display-name-from-code-templates.2+052cbcbe",
+  "version": "5.5.1-alpha-chore-improve-unit-tests-gh-workflow.4+36bb7e0c",
   "description": "QA package to test your application",
   "publishConfig": {
     "access": "public"
@@ -33,14 +33,16 @@
     "@babel/preset-env": "^7.16.4",
     "@babel/preset-react": "^7.10.4",
     "@babel/preset-typescript": "^7.10.4",
+    "@cypress/code-coverage": "^3.9.12",
     "@cypress/webpack-preprocessor": "^5.7.0",
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^12.1.2",
-    "@toptal/davinci-cli-shared": "1.5.2-alpha-remove-display-name-from-code-templates.4+052cbcbe",
+    "@toptal/davinci-cli-shared": "1.5.2-alpha-chore-improve-unit-tests-gh-workflow.6+36bb7e0c",
     "@types/jest": "^27.0.3",
     "babel-jest": "^26.3.0",
     "cypress": "^9.4.1",
     "fs-extra": "^10.0.0",
+    "glob": "^7.2.0",
     "jest": "^26.6.3",
     "jest-html-reporters": "^2.1.6",
     "jest-junit": "^13.0.0",
@@ -50,5 +52,5 @@
     "matchmedia-polyfill": "^0.3.2",
     "semver": "^7.3.2"
   },
-  "gitHead": "052cbcbef56c98d569c48fa8f950939429276c02"
+  "gitHead": "36bb7e0c9554587627389ad689e8ec2b28477121"
 }

package/src/configs/cypress/plugins/index.js

@@ -1,5 +1,14 @@
-const cypressTypeScriptPreprocessor = require('./webpack-preprocessor')
+const { webpackPreprocessor } = require('./webpack-preprocessor')
 
-module.exports = on => {
-  on('file:preprocessor', cypressTypeScriptPreprocessor)
+module.exports = (on, config) => {
+  // generate code coverage
+  require('@cypress/code-coverage/task')(on, config)
+
+  // instrument code for code coverage
+  on('file:preprocessor', webpackPreprocessor)
+
+  // split spec files in CI
+  require('./parallelization')(config)
+
+  return config
 }

package/src/configs/cypress/plugins/parallelization.js

@@ -0,0 +1,23 @@
+const fs = require('fs')
+const glob = require('glob')
+const path = require('path')
+
+const sizeOf = file => fs.statSync(file).size
+
+module.exports = config => {
+  const groupIndex = parseInt(process.env.GROUP_INDEX || 0, 10)
+  const total = parseInt(process.env.PARALLEL_GROUPS || 1, 10)
+
+  if (groupIndex < 0 || total <= 1) {
+    return
+  }
+
+  const { integrationFolder, testFiles } = config
+
+  const specPattern = Array.isArray(testFiles) ? `{${testFiles.join(',')}}` : testFiles
+  const specs = glob.sync(path.join(integrationFolder, specPattern))
+
+  config.testFiles = specs
+    .sort((lhs, rhs) => sizeOf(rhs) - sizeOf(lhs))
+    .filter((_, index) => index % total === groupIndex)
+}

package/src/configs/cypress/plugins/webpack-preprocessor.js

@@ -1,9 +1,28 @@
 const webpack = require('@cypress/webpack-preprocessor')
-const { createWebpackConfig } = require('@toptal/davinci-engine')
 
 const options = {
-  webpackOptions: createWebpackConfig('production'),
+  webpackOptions: {
+    mode: 'development',
+    module: {
+      rules: [
+        {
+          test: /\.[tj]sx?$/,
+          exclude: [/node_modules/],
+          use: [{
+            loader: 'babel-loader',
+            options: {
+              presets: ['@babel/preset-env'],
+              plugins: ['istanbul']
+            },
+          }],
+        },
+      ],
+    },
+  },
   watchOptions: {}
 }
 
-module.exports = webpack(options)
+module.exports = {
+  options,
+  webpackPreprocessor: webpack(options),
+}

package/src/configs/cypress/support/index.js

@@ -13,8 +13,5 @@
 // https://on.cypress.io/configuration
 // ***********************************************************
 
-// Import commands.js using ES2015 syntax:
-// import './commands'
-
-// Alternatively you can use CommonJS syntax:
-// require('./commands')
+// support for code coverage
+import '@cypress/code-coverage/support'