fix(test): nrwl/nx -> 6.4.0-beta.1

lib updates, removed unnecessary karma.conf.ts from (apps/libs)/tsconfig.lib.json, removed
unnecessary src/polyfills.ts from (apps/libs)/tsconfig.spec.json

PLAYBOOK.md

@@ -12,7 +12,7 @@ Do-it-yourself step-by-step instructions to create this project structure from s
 | Node                          | v10.7.0  |          | 
 | NPM                           | v6.4.0   |          |
 | Angular CLI                   | v6.0.8   |          |
-| @nrwl/schematics              | v6.3.0   |          |
+| @nrwl/schematics              | v6.4.0   |          |
 | @nestjs/cli                   | v5.3.0   |          |
 
 ### Install Prerequisites
@@ -54,7 +54,7 @@ npm remove -g @nrwl/schematics
 npm remove -g @nestjs/cli
 
 npm install -g @angular/cli
-npm install -g @nrwl/schematics
+npm install -g @nrwl/schematics@6.4.0-beta.1
 npm install -g @nestjs/cli
 
 npm install -g ndb
@@ -93,6 +93,10 @@ cd ngx-starter-kit
 
 > remove all ngrx NPM pagages from package.json
 
+# setup your workspace to run tests with jest.
+ng generate jest
+# you may have to manually remove karma files (karma.conf.js) and dependencies from package.json
+
 # make sure we are up-to-date
 ng update
 # and update as suggested. e.g., 
@@ -102,9 +106,6 @@ ng update --all
 
 # generate webapp app
 ng g app webapp --routing --style=scss --prefix=ngx --unit-test-runner=jest --tags=app-module
-
-# add Jest to replace karma as testing framework
-ng generate jest
 ```
 
 #### Dependencies
@@ -200,8 +201,6 @@ ng g lib experiments    --routing --lazy --prefix=ngx --parent-module=libs/dashb
 ng g lib widgets        --routing --lazy --prefix=ngx --parent-module=libs/dashboard/src/lib/dashboard.module.ts    --unit-test-runner=jest --tags=child-module
 ng g lib grid           --routing --lazy --prefix=ngx --parent-module=libs/dashboard/src/lib/dashboard.module.ts    --unit-test-runner=jest --tags=child-module
 
-
-ng g lib aaa  --dry-run 
 ng g lib animations --nomodule -tags=utils --unit-test-runner=jest --dry-run 
 ng g lib Tree --nomodule  --publishable=true --tags=utils --unit-test-runner=jest --dry-run
 ng g lib utils --nomodule --tags=utils --unit-test-runner=jest --dry-run
@@ -489,7 +488,7 @@ $ docker-compose up web   # optional: --build, see below
 Now open your browser at http://localhost:80
 
 
-### IntelliJ
+### IntelliJ/WebStorm
 
 Right click on `apps/webapp/src/styles` in project vie --> Make Directory as --> Resources Root.
 Right click on `apps/webapp/src` in project vie --> Make Directory as --> Resources Root.

angular.json

@@ -152,26 +152,6 @@
             "browserTarget": "webapp:build"
           }
         },
-        "test": {
-          "builder": "@nrwl/builders:jest",
-          "options": {
-            "jestConfig": "apps/webapp/jest.config.js",
-            "tsConfig": "apps/webapp/tsconfig.spec.json",
-            "setupFile": "apps/webapp/src/test-setup.ts",
-            "styles": [
-              {
-                "input": "node_modules/@angular/material/prebuilt-themes/indigo-pink.css"
-              },
-              "apps/webapp/src/styles.scss"
-            ],
-            "scripts": [],
-            "assets": [
-              "apps/webapp/src/favicon.ico",
-              "apps/webapp/src/assets",
-              "apps/webapp/src/manifest.json"
-            ]
-          }
-        },
         "lint": {
           "builder": "@angular-devkit/build-angular:tslint",
           "options": {
@@ -183,6 +163,14 @@
               "**/node_modules/**"
             ]
           }
+        },
+        "test": {
+          "builder": "@nrwl/builders:jest",
+          "options": {
+            "jestConfig": "apps/webapp/jest.config.js",
+            "tsConfig": "apps/webapp/tsconfig.spec.json",
+            "setupFile": "apps/webapp/src/test-setup.ts"
+          }
         }
       }
     },

apps/webapp/browserslist

@@ -1,9 +1,11 @@
 # This file is currently used by autoprefixer to adjust CSS to support the below specified browsers
 # For additional information regarding the format and rule options, please see:
 # https://github.com/browserslist/browserslist#queries
-# For IE 9-11 support, please uncomment the last line of the file and adjust as needed
+#
+# For IE 9-11 support, please remove 'not' from the last line of the file and adjust as needed
+
 > 0.5%
 last 2 versions
 Firefox ESR
 not dead
-# IE 9-11
+not IE 9-11

apps/webapp/src/app/app.component.spec.ts

@@ -9,20 +9,20 @@ describe('AppComponent', () => {
       declarations: [AppComponent],
     }).compileComponents();
   }));
-  it('should create the app', async(() => {
+  it('should create the webapp', async(() => {
     const fixture = TestBed.createComponent(AppComponent);
     const app = fixture.debugElement.componentInstance;
     expect(app).toBeTruthy();
   }));
-  xit(`should have as title 'app'`, async(() => {
+  xit(`should have as title 'webapp'`, async(() => {
     const fixture = TestBed.createComponent(AppComponent);
     const app = fixture.debugElement.componentInstance;
-    expect(app.title).toEqual('app');
+    expect(app.title).toEqual('webapp');
   }));
   xit('should render title in a h1 tag', async(() => {
     const fixture = TestBed.createComponent(AppComponent);
     fixture.detectChanges();
     const compiled = fixture.debugElement.nativeElement;
-    expect(compiled.querySelector('h1').textContent).toContain('Welcome to app!');
+    expect(compiled.querySelector('h1').textContent).toContain('Welcome to webapp!');
   }));
 });

apps/webapp/src/main.ts

@@ -10,4 +10,4 @@ if (environment.production) {
 
 platformBrowserDynamic()
   .bootstrapModule(AppModule)
-  .catch(err => console.log(err));
+  .catch(err => console.error(err));

apps/webapp/src/test-setup.ts

@@ -1,41 +1 @@
 import 'jest-preset-angular';
-
-// move this to ./jest-global-mocks.ts
-// @ts-ignore
-global.CSS = null;
-
-const webStorageMock = () => {
-  let storage: Record<string, any> = {};
-  return {
-    getItem: (key: string) => (key in storage ? storage[key] : null),
-    setItem: (key: string, value: any) => (storage[key] = value || ''),
-    removeItem: (key: string) => delete storage[key],
-    clear: () => (storage = {}),
-  };
-};
-
-Object.defineProperty(window, 'localStorage', { value: webStorageMock() });
-Object.defineProperty(window, 'sessionStorage', { value: webStorageMock() });
-Object.defineProperty(document, 'doctype', {
-  value: '<!DOCTYPE html>',
-});
-Object.defineProperty(window, 'getComputedStyle', {
-  value: () => {
-    return {
-      display: 'none',
-      appearance: ['-webkit-appearance'],
-    };
-  },
-});
-/**
- * ISSUE: https://github.com/angular/material2/issues/7101
- * Workaround for JSDOM missing transform property
- */
-Object.defineProperty(document.body.style, 'transform', {
-  value: () => {
-    return {
-      enumerable: true,
-      configurable: true,
-    };
-  },
-});

apps/webapp/tsconfig.app.json

@@ -4,9 +4,8 @@
     "outDir": "../../dist/out-tsc/apps/webapp"
   },
   "exclude": [
-    "src/test.ts",
-    "**/*.spec.ts",
-    "karma.conf.ts"
+    "src/test-setup.ts",
+    "**/*.spec.ts"
   ],
   "include": [
     "**/*.ts"

libs/animations/tsconfig.lib.json

@@ -28,7 +28,6 @@
   },
   "exclude": [
     "src/test.ts",
-    "**/*.spec.ts",
-    "karma.conf.ts"
+    "**/*.spec.ts"
   ]
 }

libs/animations/tsconfig.spec.json

@@ -5,6 +5,6 @@
     "module": "commonjs",
     "types": ["jest", "node"]
   },
-  "files": ["src/test-setup.ts", "src/polyfills.ts"],
+  "files": ["src/test-setup.ts"],
   "include": ["**/*.spec.ts", "**/*.d.ts"]
 }

libs/app-confirm/tsconfig.lib.json

@@ -28,7 +28,6 @@
   },
   "exclude": [
     "src/test.ts",
-    "**/*.spec.ts",
-    "karma.conf.ts"
+    "**/*.spec.ts"
   ]
 }

libs/app-confirm/tsconfig.spec.json

@@ -5,6 +5,6 @@
     "module": "commonjs",
     "types": ["jest", "node"]
   },
-  "files": ["src/test-setup.ts", "src/polyfills.ts"],
+  "files": ["src/test-setup.ts"],
   "include": ["**/*.spec.ts", "**/*.d.ts"]
 }

libs/auth/tsconfig.lib.json

@@ -28,7 +28,6 @@
   },
   "exclude": [
     "src/test.ts",
-    "**/*.spec.ts",
-    "karma.conf.ts"
+    "**/*.spec.ts"
   ]
 }

libs/auth/tsconfig.spec.json

@@ -5,6 +5,6 @@
     "module": "commonjs",
     "types": ["jest", "node"]
   },
-  "files": ["src/test-setup.ts", "src/polyfills.ts"],
+  "files": ["src/test-setup.ts"],
   "include": ["**/*.spec.ts", "**/*.d.ts"]
 }

libs/breadcrumbs/tsconfig.lib.json

@@ -28,7 +28,6 @@
   },
   "exclude": [
     "src/test.ts",
-    "**/*.spec.ts",
-    "karma.conf.ts"
+    "**/*.spec.ts"
   ]
 }

libs/breadcrumbs/tsconfig.spec.json

@@ -5,6 +5,6 @@
     "module": "commonjs",
     "types": ["jest", "node"]
   },
-  "files": ["src/test-setup.ts", "src/polyfills.ts"],
+  "files": ["src/test-setup.ts"],
   "include": ["**/*.spec.ts", "**/*.d.ts"]
 }

libs/chat-box/tsconfig.lib.json

@@ -28,7 +28,6 @@
   },
   "exclude": [
     "src/test.ts",
-    "**/*.spec.ts",
-    "karma.conf.ts"
+    "**/*.spec.ts"
   ]
 }

libs/chat-box/tsconfig.spec.json

@@ -5,6 +5,6 @@
     "module": "commonjs",
     "types": ["jest", "node"]
   },
-  "files": ["src/test-setup.ts", "src/polyfills.ts"],
+  "files": ["src/test-setup.ts"],
   "include": ["**/*.spec.ts", "**/*.d.ts"]
 }

libs/clap/tsconfig.lib.json

@@ -28,7 +28,6 @@
   },
   "exclude": [
     "src/test.ts",
-    "**/*.spec.ts",
-    "karma.conf.ts"
+    "**/*.spec.ts"
   ]
 }

libs/clap/tsconfig.spec.json

@@ -5,6 +5,6 @@
     "module": "commonjs",
     "types": ["jest", "node"]
   },
-  "files": ["src/test-setup.ts", "src/polyfills.ts"],
+  "files": ["src/test-setup.ts"],
   "include": ["**/*.spec.ts", "**/*.d.ts"]
 }

libs/context-menu/tsconfig.lib.json

@@ -28,7 +28,6 @@
   },
   "exclude": [
     "src/test.ts",
-    "**/*.spec.ts",
-    "karma.conf.ts"
+    "**/*.spec.ts"
   ]
 }

libs/context-menu/tsconfig.spec.json

@@ -5,6 +5,6 @@
     "module": "commonjs",
     "types": ["jest", "node"]
   },
-  "files": ["src/test-setup.ts", "src/polyfills.ts"],
+  "files": ["src/test-setup.ts"],
   "include": ["**/*.spec.ts", "**/*.d.ts"]
 }

libs/core/tsconfig.lib.json

@@ -28,7 +28,6 @@
   },
   "exclude": [
     "src/test.ts",
-    "**/*.spec.ts",
-    "karma.conf.ts"
+    "**/*.spec.ts"
   ]
 }

libs/core/tsconfig.spec.json

@@ -5,6 +5,6 @@
     "module": "commonjs",
     "types": ["jest", "node"]
   },
-  "files": ["src/test-setup.ts", "src/polyfills.ts"],
+  "files": ["src/test-setup.ts"],
   "include": ["**/*.spec.ts", "**/*.d.ts"]
 }

libs/dashboard/tsconfig.lib.json

@@ -28,7 +28,6 @@
   },
   "exclude": [
     "src/test.ts",
-    "**/*.spec.ts",
-    "karma.conf.ts"
+    "**/*.spec.ts"
   ]
 }

libs/dashboard/tsconfig.spec.json

@@ -5,6 +5,6 @@
     "module": "commonjs",
     "types": ["jest", "node"]
   },
-  "files": ["src/test-setup.ts", "src/polyfills.ts"],
+  "files": ["src/test-setup.ts"],
   "include": ["**/*.spec.ts", "**/*.d.ts"]
 }

libs/draggable/tsconfig.lib.json

@@ -28,7 +28,6 @@
   },
   "exclude": [
     "src/test.ts",
-    "**/*.spec.ts",
-    "karma.conf.ts"
+    "**/*.spec.ts"
   ]
 }

libs/draggable/tsconfig.spec.json

@@ -5,6 +5,6 @@
     "module": "commonjs",
     "types": ["jest", "node"]
   },
-  "files": ["src/test-setup.ts", "src/polyfills.ts"],
+  "files": ["src/test-setup.ts"],
   "include": ["**/*.spec.ts", "**/*.d.ts"]
 }

libs/experiments/tsconfig.lib.json

@@ -28,7 +28,6 @@
   },
   "exclude": [
     "src/test.ts",
-    "**/*.spec.ts",
-    "karma.conf.ts"
+    "**/*.spec.ts"
   ]
 }

libs/experiments/tsconfig.spec.json

@@ -5,6 +5,6 @@
     "module": "commonjs",
     "types": ["jest", "node"]
   },
-  "files": ["src/test-setup.ts", "src/polyfills.ts"],
+  "files": ["src/test-setup.ts"],
   "include": ["**/*.spec.ts", "**/*.d.ts"]
 }

libs/grid/tsconfig.lib.json

@@ -28,7 +28,6 @@
   },
   "exclude": [
     "src/test.ts",
-    "**/*.spec.ts",
-    "karma.conf.ts"
+    "**/*.spec.ts"
   ]
 }