feat(environments): add test environment, skip debug meta-reducer in …

…tests

angular.json

@@ -99,6 +99,16 @@
                 "output": "/assets"
               }
             ]
+          },
+          "configurations": {
+            "test": {
+              "fileReplacements": [
+                {
+                  "replace": "src/environments/environment.ts",
+                  "with": "src/environments/environment.test.ts"
+                }
+              ]
+            }
           }
         },
         "lint": {

package.json

@@ -6,10 +6,10 @@
     "ng": "ng",
     "start": "ng serve --open",
     "build": "ng build",
-    "test": "npm run lint && ng test",
+    "test": "npm run lint && ng test --configuration=test",
     "lint": "ng lint",
     "e2e": "ng e2e",
-    "watch": "ng test --browsers ChromeHeadless --watch",
+    "watch": "ng test --configuration=test --browsers ChromeHeadless --watch",
     "build:prod": "ng build --prod --build-optimizer --vendor-chunk --common-chunk",
     "clean": "rimraf ./dist/",
     "server": "cd dist && http-server",

src/app/core/core.module.ts

@@ -18,7 +18,10 @@ import { AnimationsService } from './animations/animations.service';
 export const metaReducers: MetaReducer<any>[] = [initStateFromLocalStorage];
 
 if (!environment.production) {
-  metaReducers.unshift(debug, storeFreeze);
+  metaReducers.unshift(storeFreeze);
+  if (!environment.test) {
+    metaReducers.unshift(debug);
+  }
 }
 
 @NgModule({

src/environments/environment.prod.ts

@@ -4,6 +4,7 @@ export const environment = {
   appName: 'Angular Ngrx Material Starter',
   envName: 'PROD',
   production: true,
+  test: false,
   versions: {
     app: packageJson.version,
     angular: packageJson.dependencies['@angular/core'],

src/environments/environment.test.ts

@@ -0,0 +1,20 @@
+const packageJson = require('../../package.json');
+
+export const environment = {
+  appName: 'Angular Ngrx Material Starter',
+  envName: 'TEST',
+  production: false,
+  test: true,
+  versions: {
+    app: packageJson.version,
+    angular: packageJson.dependencies['@angular/core'],
+    ngrx: packageJson.dependencies['@ngrx/store'],
+    material: packageJson.dependencies['@angular/material'],
+    bootstrap: packageJson.dependencies.bootstrap,
+    rxjs: packageJson.dependencies.rxjs,
+    fontAwesome:
+      packageJson.dependencies['@fortawesome/fontawesome-free-webfonts'],
+    angularCli: packageJson.devDependencies['@angular/cli'],
+    typescript: packageJson.devDependencies['typescript']
+  }
+};

src/environments/environment.ts

@@ -9,6 +9,7 @@ export const environment = {
   appName: 'Angular Ngrx Material Starter',
   envName: 'DEV',
   production: false,
+  test: false,
   versions: {
     app: packageJson.version,
     angular: packageJson.dependencies['@angular/core'],

src/karma.conf.js

@@ -22,10 +22,7 @@ module.exports = function (config) {
       reports: ['html', 'lcovonly'],
       fixWebpackSourcePaths: true
     },
-    angularCli: {
-      environment: 'dev'
-    },
-    reporters: ['progress', 'kjhtml', 'spec'],
+    reporters: ['spec'],
     port: 9876,
     colors: true,
     logLevel: config.LOG_INFO,