Getting testing working locally

Author: jamesdaniels

.npmignore

@@ -1,3 +1,3 @@
 *.spec.*
-bundles/test.umd.js
+testing
 test-config.*

angular.json

@@ -0,0 +1,42 @@
+{
+    "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+    "version": 1,
+    "newProjectRoot": "projects",
+    "projects": {
+      "@angular/fire": {
+        "projectType": "library",
+        "root": "src",
+        "sourceRoot": "projects/example-ng6-lib/src",
+        "prefix": "angularfire",
+        "architect": {
+          "build": {
+            "builder": "@angular-devkit/build-ng-packagr:build",
+            "options": {
+              "tsConfig": "tsconfig.lib.json",
+              "project": "src/package.json"
+            }
+          },
+          "test": {
+            "builder": "@angular-devkit/build-angular:karma",
+            "options": {
+              "main": "src/test.ts",
+              "tsConfig": "tsconfig.spec.json",
+              "karmaConfig": "karma.conf.js"
+            }
+          },
+          "lint": {
+            "builder": "@angular-devkit/build-angular:tslint",
+            "options": {
+              "tsConfig": [
+                "tsconfig.lib.json",
+                "tsconfig.spec.json"
+              ],
+              "exclude": [
+                "**/node_modules/**"
+              ]
+            }
+          }
+        }
+      }},
+    "defaultProject": "@angular/fire"
+  }

karma-test-shim.js

@@ -1,69 +1,31 @@
-// Karma configuration
-module.exports = function(config) {
+// Karma configuration file, see link for more information
+// https://karma-runner.github.io/1.0/config/configuration-file.html
+module.exports = function (config) {
   config.set({
-
     basePath: '',
-
-    frameworks: ['jasmine'],
-
-    files: [
-      // Polyfills.
-      'node_modules/es6-shim/es6-shim.js',
-
-      'node_modules/reflect-metadata/Reflect.js',
-
-      // Zone.js dependencies
-      'node_modules/zone.js/dist/zone.js',
-      'node_modules/zone.js/dist/proxy.js',
-      'node_modules/zone.js/dist/sync-test.js',
-      'node_modules/zone.js/dist/jasmine-patch.js',
-      'node_modules/zone.js/dist/async-test.js',
-      'node_modules/zone.js/dist/fake-async-test.js',
-
-      'node_modules/rxjs/bundles/rxjs.umd.{js,map}',
-
-      ...getAngularFiles(['core','common','compiler','platform-browser','platform-browser-dynamic']),
-
-      'karma-test-shim.js',
-      'node_modules/firebase/firebase-app.js',
-      'node_modules/firebase/firebase-auth.js',
-      'node_modules/firebase/firebase-database.js',
-      'node_modules/firebase/firebase-firestore.js',
-      'node_modules/firebase/firebase-functions.js',
-      'node_modules/firebase/firebase-performance.js',
-      'node_modules/firebase/firebase-storage.js',
-      'dist/packages-dist/bundles/angular-fire.umd.{js,map}',
-      'dist/packages-dist/bundles/angular-fire-auth.umd.{js,map}',
-      'dist/packages-dist/bundles/angular-fire-auth-guard.umd.{js,map}',
-      'dist/packages-dist/bundles/angular-fire-database.umd.{js,map}',
-      'dist/packages-dist/bundles/angular-fire-firestore.umd.{js,map}',
-      'dist/packages-dist/bundles/angular-fire-functions.umd.{js,map}',
-      'dist/packages-dist/bundles/angular-fire-storage.umd.{js,map}',
-      'dist/packages-dist/bundles/angular-fire-performance.umd.{js,map}',
-      'dist/packages-dist/bundles/angular-fire-database-deprecated.umd.{js,map}',
-      'dist/packages-dist/bundles/angular-fire-testing.umd.{js,map}',
+    frameworks: ['jasmine', '@angular-devkit/build-angular'],
+    plugins: [
+      require('karma-jasmine'),
+      require('karma-chrome-launcher'),
+      require('karma-jasmine-html-reporter'),
+      require('karma-coverage-istanbul-reporter'),
+      require('@angular-devkit/build-angular/plugins/karma')
     ],
-
+    client: {
+      clearContext: false // leave Jasmine Spec Runner output visible in browser
+    },
+    coverageIstanbulReporter: {
+      dir: require('path').join(__dirname, '../../coverage/example-ng6-lib'),
+      reports: ['html', 'lcovonly'],
+      fixWebpackSourcePaths: true
+    },
+    reporters: ['progress', 'kjhtml'],
     port: 9876,
     colors: true,
     logLevel: config.LOG_INFO,
     autoWatch: true,
-    reporters: ['mocha'],
-    browsers: ['ChromeHeadless'],
+    browsers: ['Chrome'],
     singleRun: false,
-    customLaunchers: {
-      ChromeHeadlessTravis: {
-        base: 'ChromeHeadless',
-        flags: ['--no-sandbox']
-      }
-    },
-  })
+    restartOnFileChange: true
+  });
 };
-
-function getAngularFiles(packages) {
-  return packages.reduce((files, pkg) => {
-    files.push(`node_modules/@angular/${pkg}/bundles/${pkg}.umd.js`);
-    files.push(`node_modules/@angular/${pkg}/bundles/${pkg}-testing.umd.js`);
-    return files;
-  }, []);
-}

karma.conf.js

@@ -4,13 +4,9 @@
   "description": "The official library of Firebase and Angular.",
   "private": true,
   "scripts": {
-    "test": "npm run build && karma start --single-run",
+    "test": "npm run build && npx ng test",
     "test:node": "jasmine 'dist/packages-dist/schematics/**/*[sS]pec.js'",
-    "test:watch": "concurrently \"npm run build:watch\" \"npm run delayed_karma\"",
-    "test:debug": "npm run build && karma start",
-    "karma": "karma start",
     "test:universal": "npm run build && cp -R dist/packages-dist test/universal-test/node_modules/angularfire2 && cd test/universal-test && npm run prerender",
-    "delayed_karma": "sleep 10 && karma start",
     "build": "tsc tools/build.ts; node ./tools/build.js",
     "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s -r 1"
   },
@@ -56,49 +52,37 @@
     "utf-8-validate": "~4.0.0"
   },
   "devDependencies": {
+    "@angular-devkit/build-angular": "^0.800.3",
     "@angular/animations": ">=6.0.0 <9 || ^9.0.0-0",
+    "@angular/cli": "^8.0.3",
     "@angular/compiler-cli": ">=6.0.0 <9 || ^9.0.0-0",
     "@angular/platform-server": ">=6.0.0 <9 || ^9.0.0-0",
     "@types/fs-extra": "^7.0.0",
     "@types/gzip-size": "^5.1.1",
     "@types/inquirer": "^0.0.44",
-    "@types/jasmine": "^2.5.36",
+    "@types/jasmine": "^3.3.13",
     "@types/request": "0.0.30",
-    "@types/rollup-plugin-node-resolve": "^4.1.0",
     "concurrently": "^2.2.0",
     "conventional-changelog-cli": "^1.2.0",
-    "es6-module-loader": "^0.17.10",
-    "es6-shim": "^0.35.0",
     "fs-extra": "^8.0.1",
-    "gulp": "^3.9.0",
-    "gulp-jasmine": "^2.2.1",
-    "gulp-typescript": "^2.10.0",
     "gzip-size": "^5.1.1",
-    "http-server": "^0.8.5",
-    "jasmine": "^2.4.1",
-    "jasmine-core": "^2.4.1",
-    "json": "^9.0.3",
-    "karma": "^2.0.0",
+    "jasmine": "^3.4.0",
+    "jasmine-core": "^3.4.0",
+    "karma": "^4.1.0",
     "karma-chrome-launcher": "^2.2.0",
-    "karma-firefox-launcher": "^1.1.0",
-    "karma-jasmine": "^0.3.6",
-    "karma-mocha-reporter": "^2.0.2",
-    "karma-systemjs": "^0.10.0",
+    "karma-coverage-istanbul-reporter": "^2.0.5",
+    "karma-jasmine": "^2.0.1",
+    "karma-jasmine-html-reporter": "^1.4.2",
     "ncp": "^2.0.0",
     "ng-packagr": "^5.3.0",
-    "parse5": "^1.3.2",
     "pretty-size": "^2.0.0",
     "protractor": "3.0.0",
     "reflect-metadata": "0.1.2",
     "rimraf": "^2.5.4",
     "rollup": "^1.15.6",
     "rollup-plugin-node-resolve": "^5.0.3",
-    "rollup-watch": "^4.3.1",
     "schematics-utilities": "^1.1.1",
-    "shelljs": "^0.8.0",
-    "systemjs": "^0.19.16",
-    "systemjs-builder": "^0.15.7",
-    "traceur": "0.0.96",
+    "tsickle": "^0.35.0",
     "typescript": ">=3.4.0 <3.5.0"
   },
   "typings": "index.d.ts"

package.json

@@ -1,6 +1,6 @@
 import { TestBed, inject } from '@angular/core/testing';
 import { FirebaseApp, AngularFireModule } from '@angular/fire';
-import { COMMON_CONFIG } from './test-config';
+import { COMMON_CONFIG } from '../test-config';
 import { AngularFireAuthModule } from '@angular/fire/auth';
 import { AngularFireAuthGuardModule, AngularFireAuthGuard } from '@angular/fire/auth-guard';
 import { RouterModule, Router } from '@angular/router';

src/auth-guard/auth-guard.spec.ts

@@ -1,7 +1,7 @@
 import { Injectable, InjectionToken } from '@angular/core';
 import { CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot, UrlTree, Router } from '@angular/router';
 import { Observable, of, pipe, UnaryFunction } from 'rxjs';
-import { map, switchMap, take } from 'rxjs/operators'
+import { map, switchMap, take, tap } from 'rxjs/operators'
 import { User, auth } from 'firebase/app';
 import { AngularFireAuth } from '@angular/fire/auth';
 
@@ -13,12 +13,12 @@ export class AngularFireAuthGuard implements CanActivate {
 
   constructor(private afAuth: AngularFireAuth, private router: Router) {}
 
-  canActivate(next: ActivatedRouteSnapshot, state: RouterStateSnapshot) {
+  canActivate = (next: ActivatedRouteSnapshot, state: RouterStateSnapshot) => {
     const authPipeFactory: AuthPipeGenerator = next.data.authGuardPipe || (() => loggedIn);
     return this.afAuth.user.pipe(
         take(1),
         authPipeFactory(next, state),
-        map(canActivate => typeof canActivate == "boolean" ? canActivate : this.router.createUrlTree(canActivate))
+        map(can => typeof can == "boolean" ? can : this.router.createUrlTree(<any[]>can))
     );
   }
 

src/auth-guard/auth-guard.ts

@@ -3,7 +3,7 @@ import { Observable, Subject } from 'rxjs'
 import { TestBed, inject } from '@angular/core/testing';
 import { FirebaseApp, FirebaseOptionsToken, AngularFireModule, FirebaseNameOrConfigToken } from '@angular/fire';
 import { AngularFireAuth, AngularFireAuthModule } from '@angular/fire/auth';
-import { COMMON_CONFIG } from './test-config';
+import { COMMON_CONFIG } from '../test-config';
 import { take, skip } from 'rxjs/operators';
 
 function authTake(auth: Observable<any>, count: number): Observable<any> {
@@ -38,10 +38,12 @@ describe('AngularFireAuth', () => {
     })();
 
     mockAuthState = new Subject<User>();
+    //@ts-ignore
     spyOn(afAuth, 'authState').and.returnValue(mockAuthState);
+    //@ts-ignore
     spyOn(afAuth, 'idToken').and.returnValue(mockAuthState);
-    afAuth.authState = mockAuthState as Observable<User>;
-    afAuth.idToken = mockAuthState as Observable<User>;
+    (<any>afAuth).authState = mockAuthState as Observable<User>;
+    (<any>afAuth).idToken = mockAuthState as Observable<User>;
   });
 
   afterEach(done => {
@@ -112,7 +114,7 @@ describe('AngularFireAuth', () => {
         count = count + 1;
         mockAuthState.next(firebaseUser);
       } else {
-        expect(user).toEqual(firebaseUser);
+        expect(<any>user).toEqual(firebaseUser);
         subs.unsubscribe();
         done();
       }

src/auth/auth.spec.ts

@@ -2,9 +2,10 @@ import { TestBed, inject } from '@angular/core/testing';
 import { PlatformRef, NgModule, CompilerFactory } from '@angular/core';
 import { FirebaseApp, AngularFireModule } from '@angular/fire';
 import { Subscription } from 'rxjs';
-import { COMMON_CONFIG } from './test-config';
+import { COMMON_CONFIG } from '../test-config';
 import { BrowserModule } from '@angular/platform-browser';
 import { database } from 'firebase/app';
+import 'firebase/database';
 
 describe('angularfire', () => {
   let subscription:Subscription;

src/core/angularfire2.spec.ts

@@ -15,7 +15,8 @@ export class FirebaseZoneScheduler {
     if (isPlatformServer(this.platformId)) {
       return new Observable<T>(subscriber => {
         const noop = () => {};
-        const task = global['Zone'].current.scheduleMacroTask('firebaseZoneBlock', noop, {}, noop, noop);
+        // @ts-ignore
+        const task = Zone.current.scheduleMacroTask('firebaseZoneBlock', noop, {}, noop, noop);
         obs$.subscribe(
           next => {
             if (task.state === 'scheduled') { task.invoke() };

src/core/angularfire2.ts

@@ -30,6 +30,7 @@ export class FirebaseApp {
     delete: () => Promise<void>;
     firestore: () => FirebaseFirestore;
     functions: (region?: string) => FirebaseFunctions;
+    installations: () => any; // SEMVER: drop once we can target
 }
 
 export function _firebaseAppFactory(options: FirebaseOptions, nameOrConfig?: string|FirebaseAppConfig|null) {