Migrate project to use Jest (#371)

* Migrate project to use Jest

* Remove karma and jasmine dependencies

* Exclude playground from coverage

Author: frederikprijck

jest.config.ts

@@ -0,0 +1,6 @@
+export default {
+  projects: [
+    '<rootDir>/projects/auth0-angular',
+    '<rootDir>/projects/playground',
+  ],
+};

package-lock.json

@@ -13,8 +13,8 @@
     "build:schematics": "npm run build --prefix projects/auth0-angular",
     "prepublishOnly": "node scripts/prepublish-stopper.js",
     "postbuild": "npm run docs",
-    "test": "ng test",
-    "test:ci": "ng test --no-watch --no-progress --browsers=ChromeHeadlessCI --code-coverage",
+    "test": "jest",
+    "test:ci": "jest --coverage --silent",
     "e2e": "ng e2e",
     "e2e:headless": "ng e2e --no-watch --headless",
     "e2e:ci": "concurrently --raw --kill-others --success first npm:start:local:oidc npm:e2e:headless",
@@ -53,6 +53,7 @@
     "@briebug/cypress-schematic": "^4.4.0",
     "@types/jasmine": "^3.6.2",
     "@types/jasminewd2": "~2.0.3",
+    "@types/jest": "^29.2.2",
     "@types/node": "^12.19.8",
     "@typescript-eslint/eslint-plugin": "5.27.1",
     "@typescript-eslint/parser": "5.27.1",
@@ -66,15 +67,9 @@
     "eslint-plugin-prefer-arrow": "latest",
     "express-jwt": "^8.3.0",
     "husky": "^4.3.8",
-    "jasmine-core": "^3.6.0",
-    "jasmine-spec-reporter": "~5.0.0",
+    "jest": "^28.1.3",
+    "jest-preset-angular": "^12.2.2",
     "jwks-rsa": "^3.0.0",
-    "karma": "~6.3.16",
-    "karma-chrome-launcher": "~3.1.0",
-    "karma-coverage": "~2.2.0",
-    "karma-jasmine": "^4.0.1",
-    "karma-jasmine-html-reporter": "^1.5.0",
-    "karma-junit-reporter": "^2.0.1",
     "moment": "^2.29.4",
     "ng-packagr": "^13.3.1",
     "oidc-provider": "^7.6.0",

package.json

@@ -0,0 +1,22 @@
+/* eslint-disable */
+export default {
+  displayName: 'auth0-angular',
+  preset: 'jest-preset-angular',
+  setupFilesAfterEnv: ['<rootDir>/src/test-setup.ts'],
+  globals: {
+    'ts-jest': {
+      tsconfig: '<rootDir>/tsconfig.spec.json',
+      stringifyContentPathRegex: '\\.(html|svg)$',
+    },
+  },
+  coverageDirectory: '../../coverage/auth0-angular',
+  transform: {
+    '^.+\\.(ts|mjs|js|html)$': 'jest-preset-angular',
+  },
+  transformIgnorePatterns: ['node_modules/(?!.*\\.mjs$)'],
+  snapshotSerializers: [
+    'jest-preset-angular/build/serializers/no-ng-attributes',
+    'jest-preset-angular/build/serializers/ng-snapshot',
+    'jest-preset-angular/build/serializers/html-comment',
+  ],
+};

projects/auth0-angular/jest.config.ts

@@ -19,7 +19,7 @@ describe('RouteNavigator', () => {
       navigator = TestBed.inject(AbstractNavigator);
 
       const location = TestBed.inject(Location);
-      replaceStateSpy = spyOn(location, 'replaceState');
+      replaceStateSpy = jest.spyOn(location, 'replaceState');
     });
 
     it('should be created', () => {
@@ -49,7 +49,7 @@ describe('RouteNavigator', () => {
       navigator = TestBed.inject(AbstractNavigator);
 
       const location = TestBed.inject(Location);
-      replaceStateSpy = spyOn(location, 'replaceState');
+      replaceStateSpy = jest.spyOn(location, 'replaceState');
     });
 
     it('should use the router if available', fakeAsync(() => {

projects/auth0-angular/src/lib/abstract-navigator.spec.ts

@@ -1,6 +1,17 @@
 import { AuthConfig, AuthClientConfig } from './auth.config';
 import { Auth0ClientFactory } from './auth.client';
 
+const mockWindow = global as any;
+
+mockWindow.crypto = {
+  subtle: {
+    digest: () => 'foo',
+  },
+  getRandomValues() {
+    return '123';
+  },
+};
+
 describe('Auth0ClientFactory', () => {
   describe('createClient', () => {
     it('creates a new instance of Auth0Client', () => {

projects/auth0-angular/src/lib/auth.client.spec.ts

@@ -1,5 +1,6 @@
 import { of } from 'rxjs';
 import { AuthGuard } from './auth.guard';
+import { expect } from '@jest/globals';
 
 describe('AuthGuard', () => {
   let guard: AuthGuard;
@@ -10,10 +11,10 @@ describe('AuthGuard', () => {
     it('should return true for a logged in user', () => {
       const authServiceMock: any = {
         isAuthenticated$: of(true),
-        loginWithRedirect: jasmine.createSpy('loginWithRedirect'),
+        loginWithRedirect: jest.fn(),
       };
       guard = new AuthGuard(authServiceMock);
-      const listener = jasmine.createSpy();
+      const listener = jest.fn();
       guard.canActivate(routeMock, routeStateMock).subscribe(listener);
       expect(authServiceMock.loginWithRedirect).not.toHaveBeenCalled();
       expect(listener).toHaveBeenCalledWith(true);
@@ -22,7 +23,7 @@ describe('AuthGuard', () => {
     it('should redirect a logged out user', () => {
       const authServiceMock: any = {
         isAuthenticated$: of(false),
-        loginWithRedirect: jasmine.createSpy('loginWithRedirect'),
+        loginWithRedirect: jest.fn(),
       };
       guard = new AuthGuard(authServiceMock);
       guard.canActivate(routeMock, routeStateMock).subscribe();
@@ -36,10 +37,10 @@ describe('AuthGuard', () => {
     it('should return true for a logged in user', () => {
       const authServiceMock: any = {
         isAuthenticated$: of(true),
-        loginWithRedirect: jasmine.createSpy('loginWithRedirect'),
+        loginWithRedirect: jest.fn(),
       };
       guard = new AuthGuard(authServiceMock);
-      const listener = jasmine.createSpy();
+      const listener = jest.fn();
       guard.canActivateChild(routeMock, routeStateMock).subscribe(listener);
       expect(authServiceMock.loginWithRedirect).not.toHaveBeenCalled();
       expect(listener).toHaveBeenCalledWith(true);
@@ -48,7 +49,7 @@ describe('AuthGuard', () => {
     it('should redirect a logged out user', () => {
       const authServiceMock: any = {
         isAuthenticated$: of(false),
-        loginWithRedirect: jasmine.createSpy('loginWithRedirect'),
+        loginWithRedirect: jest.fn(),
       };
       guard = new AuthGuard(authServiceMock);
       guard.canActivateChild(routeMock, routeStateMock).subscribe();
@@ -64,7 +65,7 @@ describe('AuthGuard', () => {
         isAuthenticated$: of(true),
       };
       guard = new AuthGuard(authServiceMock);
-      const listener = jasmine.createSpy();
+      const listener = jest.fn();
       guard.canLoad(routeMock, []).subscribe(listener);
       expect(listener).toHaveBeenCalledWith(true);
     });
@@ -74,7 +75,7 @@ describe('AuthGuard', () => {
         isAuthenticated$: of(false),
       };
       guard = new AuthGuard(authServiceMock);
-      const listener = jasmine.createSpy();
+      const listener = jest.fn();
       guard.canLoad(routeMock, []).subscribe(listener);
       expect(listener).toHaveBeenCalledWith(false);
     });