Merge pull request #771 from maximegris/misc/replace-karma-with-jest

misc/ unit-test : replace Karma & Jasmine with Jest

Author: maximegris

.gitignore

@@ -8,7 +8,6 @@
 /release
 main.js
 src/**/*.js
-!src/karma.conf.js
 *.js.map
 
 # dependencies

README.md

@@ -25,6 +25,7 @@ With this sample, you can:
 
 - Run your app in a local development environment with Electron & Hot reload
 - Run your app in a production environment
+- Execute your tests with Jest and Playwright (E2E)
 - Package your app into an executable file for Linux, Windows & Mac
 
 /!\ Hot reload only pertains to the renderer process. The main electron process is not able to be hot reloaded, only restarted.

angular.json

@@ -138,25 +138,11 @@
           }
         },
         "test": {
-          "builder": "@angular-builders/custom-webpack:karma",
+          "builder": "@angular-builders/jest:run",
           "options": {
-            "main": "src/test.ts",
-            "polyfills": "src/polyfills-test.ts",
+            "polyfills": ["src/polyfills-test.ts"],
             "tsConfig": "src/tsconfig.spec.json",
-            "karmaConfig": "src/karma.conf.js",
-            "inlineStyleLanguage": "scss",
-            "scripts": [],
-            "styles": [
-              "src/styles.scss"
-            ],
-            "assets": [
-              "src/favicon.ico",
-              "src/assets"
-            ],
-            "customWebpackConfig": {
-              "path": "./angular.webpack.js",
-              "replaceDuplicatePlugins": true
-            }
+            "globalMocks": ["styleTransform", "matchMedia", "getComputedStyle"],
           }
         },
         "lint": {

angular.webpack.js

@@ -28,8 +28,5 @@ module.exports = (config, options) => {
 		})
     ];
 
-    // https://github.com/ryanclark/karma-webpack/issues/497
-    config.output.globalObject = 'globalThis';
-
     return config;
 }

app/package-lock.json

@@ -5,7 +5,7 @@
     "name": "Maxime GRIS",
     "email": "[email protected]"
   },
-  "version": "13.0.0",
+  "version": "14.0.0",
   "main": "main.js",
   "private": true,
   "dependencies": {

app/package.json

@@ -0,0 +1,15 @@
+const esModules = [].join('|');
+
+module.exports = {
+  rootDir : './src',
+  transformIgnorePatterns: [`<rootDir>/node_modules/(?!${esModules})`],
+  transform: {
+    '^.+\\.tsx?$': [
+      'ts-jest',
+      {
+        allowSyntheticDefaultImports: true,
+      },
+    ],
+    '^.+\\.js$': 'babel-jest',
+  },
+};