Karma setup

Author: LuisFerLCC

.eslintrc.js

@@ -69,7 +69,7 @@ module.exports = {
 
 	overrides: [
 		{
-			files: ["./.eslintrc.js", "./src/**/*.ts"],
+			files: ["./.eslintrc.js", "./karma.conf.js", "./src/**/*.ts"],
 
 			env: {
 				es6: true,
@@ -173,7 +173,7 @@ module.exports = {
 		},
 
 		{
-			files: ["./.eslintrc.js"],
+			files: ["./.eslintrc.js", "./karma.conf.js"],
 
 			env: {
 				es6: true,

.github/workflows/publishLibrary.yml

@@ -9,7 +9,7 @@ on:
 
 jobs:
   build:
-    name: Build package
+    name: Build and publish library
     runs-on: ubuntu-latest
     if: github.repository_owner == 'float-toolkit'
 
@@ -34,42 +34,11 @@ jobs:
       - name: Build
         run: npm run build:ci
 
-      - name: Upload dist artifact
-        uses: actions/upload-artifact@v3
-        with:
-          name: dist
-          path: dist
-
-  publish:
-    name: Publish on NPM and GitHub Packages
-    needs: build
-    runs-on: ubuntu-latest
-
-    steps:
-      - name: Checkout repository
-        uses: actions/checkout@v3
-
-      - name: Download dist artifact
-        uses: actions/download-artifact@v3
-        with:
-          name: dist
-          path: dist
-
-      - name: Change to dist directory
-        run: cd dist
-
       - name: Publish on NPM
-        uses: JS-DevTools/[email protected]
-        with:
-          access: public
-          registry: https://registry.npmjs.org/
-          token: ${{ secrets.NPM_TOKEN }}
-          check-version: false
+        run:
+          npx npm-publish --access public --registry https://registry.npmjs.org/ --token ${{ secrets.NPM_TOKEN }} dist/package.json
 
       - name: Publish on GitHub Packages
-        uses: JS-DevTools/[email protected]
-        with:
-          access: public
-          registry: https://npm.pkg.github.com/
-          token: ${{ secrets.GITHUB_TOKEN }}
-          check-version: false
+        run:
+          npx npm-publish --access public --registry https://npm.pkg.github.com/ --token ${{ secrets.GITHUB_TOKEN }}
+          dist/package.json

.github/workflows/testWithKarma.yml

@@ -1,9 +1,9 @@
 name: Test with Karma
 
 on:
-  # push:
-  #   branches-ignore:
-  #     - stable
+  push:
+    branches-ignore:
+      - stable
 
   workflow_dispatch:
 

angular.json

@@ -38,7 +38,11 @@
 
 					"options": {
 						"tsConfig": "./tsconfig.base.spec.json",
-						"polyfills": ["zone.js", "zone.js/testing"]
+						"karmaConfig": "./karma.conf.js",
+						"polyfills": ["zone.js", "zone.js/testing"],
+
+						"watch": false,
+						"codeCoverage": true
 					}
 				},
 

jsconfig.json

@@ -14,7 +14,7 @@
 		"noEmit": false
 	},
 
-	"include": ["./.eslintrc.js", "./scripts/**/*.mjs"],
+	"include": ["./.eslintrc.js", "./karma.conf.js"],
 	"exclude": [],
 	"references": []
 }

karma.conf.js

@@ -0,0 +1,46 @@
+/**
+ * @param {import("karma").Config} config
+ */
+module.exports = function (config) {
+	config.set({
+		basePath: "",
+		frameworks: ["jasmine", "@angular-devkit/build-angular"],
+		plugins: [
+			require("karma-jasmine"),
+			require("karma-chrome-launcher"),
+			require("karma-jasmine-html-reporter"),
+			require("karma-coverage"),
+
+			// @ts-expect-error Does not find module, but compiles
+			require("@angular-devkit/build-angular/plugins/karma"),
+		],
+
+		client: {
+			jasmine: {},
+			clearContext: false,
+		},
+		customLaunchers: {
+			ChromeCI: {
+				base: "ChromeHeadless",
+				flags: ["--no-sandbox", "--disable-gpu"],
+			},
+		},
+		browsers: ["Chrome"],
+		jasmineHtmlReporter: {
+			suppressAll: true,
+		},
+		port: 9876,
+		colors: true,
+		logLevel: config.LOG_INFO,
+		autoWatch: true,
+		singleRun: false,
+		restartOnFileChange: true,
+
+		coverageReporter: {
+			dir: "./coverage",
+			subdir: ".",
+			reporters: [{ type: "cobertura" }, { type: "lcov" }, { type: "json" }, { type: "text" }],
+		},
+		reporters: ["progress", "kjhtml"],
+	});
+};