[TEST] fix tests in es-webpack challenge (#18)

Remove unused e2e tests + make unit test work by introducing babel-jest

Author: aibcmars

library/es-webpack/README.md

@@ -78,12 +78,6 @@ A new tab is automatically open in the browser with the url http://localhost:808
 ##### Unit tests + Coverage
 `npm run test:unit:coverage`
 
-##### E2E tests
-`npm run test:e2e`
-
-##### E2E tests + Coverage
-`npm run test:e2e:coverage`
-
 #### Build the _production_ bundle
 `npm run build`
 

library/es-webpack/babel.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  presets: ['@babel/preset-env'],
+};

library/es-webpack/package-lock.json

@@ -12,27 +12,25 @@
     "lint": "eslint \"*/**/*.js\" --max-warnings 0 --fix",
     "build": "webpack --config webpack.prod.js",
     "start": "webpack serve --open --config webpack.dev.js",
-    "test": "run-s test:unit test:e2e",
+    "test": "npm run test:unit",
     "test:unit": "jest --runInBand --config=./test/unit/jest.config.js",
-    "test:unit:coverage": "npm run test:unit -- --coverage",
-    "test:e2e": "cross-env DEBUG=bv:test:* JEST_IMAGE_SNAPSHOT_TRACK_OBSOLETE=1 jest --runInBand --detectOpenHandles --config=./test/e2e/jest.config.js",
-    "test:e2e:coverage": "npm run test:e2e -- --coverage"
+    "test:unit:coverage": "npm run test:unit -- --coverage"
   },
   "dependencies": {
     "mxgraph": "^4.2.2"
   },
   "devDependencies": {
+    "@babel/core": "^7.14.3",
+    "@babel/preset-env": "^7.14.2",
+    "babel-jest": "^26.6.3",
     "css-loader": "^5.2.4",
     "eslint": "^7.24.0",
     "eslint-config-prettier": "^8.2.0",
     "eslint-plugin-prettier": "^3.4.0",
     "html-webpack-plugin": "^5.3.1",
     "jest": "^26.6.3",
     "jest-html-reporter": "^3.3.0",
-    "jest-image-snapshot": "^4.4.1",
-    "jest-playwright-preset": "^1.5.2",
     "npm-run-all": "^4.1.5",
-    "playwright": "^1.10.0",
     "prettier": "^2.2.1",
     "rimraf": "^3.0.2",
     "style-loader": "^2.0.0",

library/es-webpack/package.json

@@ -38,8 +38,8 @@ export class BingoGraph extends mxgraph.mxGraph {
         'Welcome to the BINGO!',
         0,
         0,
-        this.container.clientWidth,
-        this.container.clientHeight,
+        this.container ? this.container.clientWidth : 500,
+        this.container ? this.container.clientHeight : 500,
         'strokeOpacity=0',
       );
     } finally {

library/es-webpack/src/graph.js

@@ -1,10 +1,11 @@
 module.exports = {
+  verbose: true,
   rootDir: '../..',
   roots: ['./test/unit', './src'],
-  testMatch: ['**/?(*.)+(spec|test).[t]s'],
+  testMatch: ['**/?(*.)+(spec|test).js'],
   testPathIgnorePatterns: ['/node_modules/', 'dist', 'src'],
   transform: {
-    '^.+\\.ts?$': 'ts-jest',
+    '^.+\\.(js|jsx)$': 'babel-jest',
   },
   collectCoverageFrom: ['**/*.{ts,js}'],
   coveragePathIgnorePatterns: [