@genesislcap/blank-app-seed 3.30.0-prerelease.13 → 3.30.0-prerelease.14

package/.genx/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/blank-app-seed-config",
   "description": "Genesis Blank App Seed Configuration",
-  "version": "3.30.0-prerelease.13",
+  "version": "3.30.0-prerelease.14",
   "license": "Apache-2.0",
   "scripts": {
     "lint": "eslint .",

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [3.30.0-prerelease.14](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v3.30.0-prerelease.13...v3.30.0-prerelease.14) (2024-09-26)
+
+
+### Features
+
+* replaced karma with jest in angular (#348) 805d7ec
+
 ## [3.30.0-prerelease.13](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v3.30.0-prerelease.12...v3.30.0-prerelease.13) (2024-09-18)
 
 

package/client-tmp/angular/__mocks__/fileMock.js

@@ -0,0 +1 @@
+module.exports = 'test-file-stub';

package/client-tmp/angular/angular.json

@@ -90,35 +90,6 @@
             "buildTarget": "{{pkgName}}:build"
           }
         },
-        "test": {
-          "builder": "@angular-builders/custom-webpack:karma",
-          "configurations": {
-            "production": {
-              "customWebpackConfig": {
-                "path": "./webpack.prod.config.js",
-                "mergeStrategies": {
-                  "externals": "replace"
-                }
-              }
-            },
-            "development": {
-              "customWebpackConfig": {
-                "path": "./webpack.dev.config.js",
-                "mergeStrategies": {
-                  "externals": "replace"
-                }
-              }
-            }
-          },
-          "defaultConfiguration": "development",
-          "options": {
-            "polyfills": ["zone.js", "zone.js/testing"],
-            "tsConfig": "tsconfig.spec.json",
-            "assets": ["src/favicon.ico", "src/assets"],
-            "styles": ["src/styles/styles.css"],
-            "scripts": []
-          }
-        },
         "lint": {
           "builder": "@angular-eslint/builder:lint",
           "options": {

package/client-tmp/angular/jest.config.js

@@ -0,0 +1,20 @@
+const { pathsToModuleNameMapper } = require('ts-jest');
+const { compilerOptions } = require('./tsconfig');
+
+module.exports = {
+  preset: 'jest-preset-angular',
+  roots: ['<rootDir>/src/'],
+  testMatch: ['**/+(*.)+(spec).+(ts)'],
+  setupFilesAfterEnv: ['<rootDir>/src/jest.setup.ts'],
+  collectCoverage: true,
+  coverageReporters: ['html'],
+  coverageDirectory: 'coverage/my-app',
+  transformIgnorePatterns: [
+    'node_modules/(?!(@genesislcap/*|consola|@angular|@microsoft|exenv-es6|uuid))',
+  ],
+  moduleNameMapper: {
+    ...pathsToModuleNameMapper(compilerOptions.paths || {}, { prefix: '<rootDir>/' }),
+    '\\.(jpg|jpeg|png|gif|svg)$': '<rootDir>/src/__mocks__/fileMock.js',
+    '\\.(css)$': 'identity-obj-proxy',
+  },
+};

package/client-tmp/angular/package.json

@@ -27,7 +27,7 @@
     "lint:fix": "genx lint --fix",
     "lint:eslint": "genx lint -l eslint --profile",
     "lint:stylelint": "node lint-css.js",
-    "test": "ng test",
+    "test": "jest",
     "test:e2e": "genx test --e2e",
     "test:e2e:debug": "genx test --e2e --debug",
     "test:e2e:ui": "genx test --e2e --interactive",
@@ -54,14 +54,14 @@
     "@genesislcap/genx": "{{versions.UI}}",
     "@genesislcap/build-kit": "{{versions.UI}}",
     "@types/jasmine": "~5.1.0",
+    "@types/jest": "^29.5.13",
     "@types/numeral": "^2.0.5",
     "file-loader": "^6.2.0",
     "jasmine-core": "~5.1.0",
-    "karma": "~6.4.0",
-    "karma-chrome-launcher": "~3.2.0",
-    "karma-coverage": "~2.2.0",
-    "karma-jasmine": "~5.1.0",
-    "karma-jasmine-html-reporter": "~2.1.0",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "jest-preset-angular": "^14.2.4",
+    "jest-transform-stub": "^2.0.0",
     "svg-url-loader": "^8.0.0",
     "typescript": "~5.4.5",
     "ts-node": "10.9.2",

package/client-tmp/angular/src/app/layouts/default/default.layout.spec.ts

@@ -4,7 +4,7 @@ import { DefaultLayoutComponent } from './default.layout';
 import { ElementRef, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 
 class MockRouter {
-  navigate = jasmine.createSpy('navigate');
+  navigate = jest.fn();
 }
 
 class MockElementRef implements ElementRef {
@@ -46,4 +46,4 @@ describe('DefaultLayoutComponent', () => {
     component.navigateAngular(path);
     expect(router.navigate).toHaveBeenCalledWith([path]);
   });
-});
+});

package/client-tmp/angular/src/jest.setup.ts

@@ -0,0 +1,46 @@
+import 'jest-preset-angular/setup-jest';
+
+// Mock window.matchMedia
+Object.defineProperty(window, 'matchMedia', {
+  writable: true,
+  value: (query: string) => ({
+    matches: false,
+    media: query,
+    onchange: null,
+    addListener: jest.fn(), // Deprecated
+    removeListener: jest.fn(), // Deprecated
+    addEventListener: jest.fn(),
+    removeEventListener: jest.fn(),
+    dispatchEvent: jest.fn(),
+  }),
+});
+
+// Mock BroadcastChannel
+class MockBroadcastChannel {
+  name: string;
+  onmessage: ((this: BroadcastChannel, ev: MessageEvent) => any) | null = null;
+  onmessageerror: ((this: BroadcastChannel, ev: MessageEvent) => any) | null = null;
+
+  constructor(name: string) {
+    this.name = name;
+  }
+
+  postMessage(message: any) {
+    if (this.onmessage) {
+      this.onmessage({ data: message } as MessageEvent);
+    }
+  }
+
+  close() {}
+
+  addEventListener() {}
+  removeEventListener() {}
+  dispatchEvent() {
+    return false;
+  }
+}
+
+Object.defineProperty(window, 'BroadcastChannel', {
+  writable: true,
+  value: MockBroadcastChannel,
+});

package/client-tmp/angular/tsconfig.app.json

@@ -1,9 +1,8 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
 {
   "extends": "./tsconfig.json",
   "compilerOptions": {
     "outDir": "./out-tsc/app",
-    "types": ["node"],
+    "types": ["node"]
   },
   "files": [
     "src/main.ts"

package/client-tmp/angular/tsconfig.json

@@ -1,4 +1,3 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
 {
   "compileOnSave": false,
   "compilerOptions": {
@@ -23,7 +22,7 @@
       "ES2022",
       "dom"
     ],
-    "resolveJsonModule": true,
+    "resolveJsonModule": true
   },
   "angularCompilerOptions": {
     "enableI18nLegacyMessageIdFormat": false,

package/client-tmp/angular/tsconfig.spec.json

@@ -1,15 +1,21 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
 {
   "extends": "./tsconfig.json",
   "compilerOptions": {
+    "module": "ES2022",
+    "target": "ES2022",
     "outDir": "./out-tsc/spec",
     "types": [
-      "jasmine"
-    ]
+      "jest" 
+    ],
+    "esModuleInterop": true,
+    "emitDecoratorMetadata": true,
+    "resolveJsonModule": true
   },
+  "files": [
+    "src/jest.setup.ts",
+  ],
   "include": [
-    "src/**/*.d.ts",
-    "src/pbc/**/*.ts",
-    "src/**/*.spec.ts"
+    "src/**/*.spec.ts",
+    "src/**/*.d.ts"
   ]
-}
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/blank-app-seed",
   "description": "Genesis Blank App Seed",
-  "version": "3.30.0-prerelease.13",
+  "version": "3.30.0-prerelease.14",
   "license": "Apache-2.0",
   "scripts": {
     "release": "semantic-release"

package/client-tmp/angular/karma.conf.js

@@ -1,9 +0,0 @@
-module.exports = function(config) {
-  config.set({
-    browsers: ['Chrome'],
-    browserDisconnectTimeout: 60000, 
-    browserDisconnectTolerance: 3, 
-    browserNoActivityTimeout: 60000, 
-    captureTimeout: 120000,
-  });
-};

package/client-tmp/angular/src/app/app.component.spec.ts

@@ -1,23 +0,0 @@
-import { TestBed } from '@angular/core/testing';
-import { AppComponent } from './app.component';
-
-describe('AppComponent', () => {
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [AppComponent],
-    }).compileComponents();
-  });
-
-  it('should create the app', () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.componentInstance;
-    expect(app).toBeTruthy();
-  });
-
-  it(`should have the '{{capitalCase appName}}' title`, () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.componentInstance;
-    expect(app.title).toEqual('{{capitalCase appName}}');
-  });
-});
-