Issue TrilonIO#160 Replace Karma test runner with Jest (TrilonIO#248)

Prevent coverage reports from being published
Closes TrilonIO#160

Author: andersteern

.gitignore

@@ -16,7 +16,7 @@
 yarn.lock
 
 npm-debug.log.*
- 
+
 # Build results
 [Dd]ebug/
 [Dd]ebugPublic/
@@ -255,4 +255,7 @@ _Pvt_Extensions
 .awcache
 
 # VSCode files
-.vscode/chrome
+.vscode/chrome
+
+# Jest Code Coverage report
+coverage/

Asp2017.csproj

@@ -19,6 +19,7 @@
     <None Remove="yarn.lock" />
 	<Content Remove="wwwroot\dist\**" />
 	<None Remove="Client\dist\**" />
+    <Content Remove="coverage\**" />
 
     <!-- Files not to publish (note that the 'dist' subfolders are re-added below) -->
     <Content Remove="Client\**" />
@@ -49,4 +50,4 @@
     <Delete Files="@(FilesToDelete)" />
     <RemoveDir Directories="Client\dist; wwwroot\dist" />
   </Target>
-</Project>
+</Project>

Client/test/jestGlobalMocks.ts

@@ -0,0 +1,15 @@
+const mock = () => {
+  let storage = {};
+  return {
+    getItem: key => key in storage ? storage[key] : null,
+    setItem: (key, value) => storage[key] = value || '',
+    removeItem: key => delete storage[key],
+    clear: () => storage = {}
+  };
+};
+
+Object.defineProperty(window, 'localStorage', {value: mock()});
+Object.defineProperty(window, 'sessionStorage', {value: mock()});
+Object.defineProperty(window, 'getComputedStyle', {
+  value: () => ['-webkit-appearance']
+});

Client/test/setupJest.ts

@@ -0,0 +1,2 @@
+import 'jest-preset-angular';
+import './jestGlobalMocks';

Client/tsconfig.spec.json

@@ -0,0 +1,19 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../out-tsc/spec",
+    "module": "commonjs",
+    "target": "es5",
+    "baseUrl": "",
+    "types": [
+      "jasmine",
+      "node"
+    ]
+  },
+  "files": [
+  ],
+  "include": [
+    "**/*.spec.ts",
+    "**/*.d.ts"
+  ]
+}

boot-tests.ts

@@ -2,10 +2,26 @@
   "name": "angular4-aspnetcore-universal",
   "version": "1.0.0-rc3",
   "scripts": {
-    "test": "karma start Client/test/karma.conf.js",
+    "test": "jest",
+    "test:watch": "npm run test -- --watch",
+    "test:ci": "npm run test -- --runInBand",
+    "test:coverage": "npm run test -- --coverage",
     "build:dev": "webpack --progress --color",
     "build:aot": "webpack --env.aot --env.client & webpack --env.aot --env.server"
   },
+  "jest": {
+    "preset": "jest-preset-angular",
+    "setupTestFrameworkScriptFile": "./Client/test/setupJest.ts",
+    "globals": {
+      "__TS_CONFIG__": "Client/tsconfig.spec.json",
+      "__TRANSFORM_HTML__": true
+    },
+    "coveragePathIgnorePatterns": [
+      "/node_modules/",
+      "<rootDir>/Client/test/.*.ts"
+    ],
+    "coverageDirectory": "coverage"
+  },
   "dependencies": {
     "@angular/animations": "^4.0.0",
     "@angular/common": "^4.0.0",
@@ -60,15 +76,12 @@
     "@ngtools/webpack": "^1.3.0",
     "@types/chai": "^3.4.34",
     "@types/jasmine": "^2.5.37",
+    "@types/jest": "^19.2.3",
     "chai": "^3.5.0",
     "codelyzer": "^3.0.0-beta.4",
     "jasmine-core": "^2.5.2",
-    "karma": "^1.3.0",
-    "karma-chai": "^0.1.0",
-    "karma-chrome-launcher": "^2.0.0",
-    "karma-cli": "^1.0.1",
-    "karma-jasmine": "^1.0.2",
-    "karma-webpack": "^1.8.0",
+    "jest": "^20.0.0",
+    "jest-preset-angular": "^2.0.1",
     "tslint": "^4.5.1"
   }
 }