example clean-up: get rid of karma, extract jest config, fix bui… (#316)

* Get rid of karma, extract jest config, fix pathes * update CHANGELOG
thymikee · Oct 7, 2019 · 20ba6fd · 20ba6fd
1 parent 24045bc
commit 20ba6fd
Show file tree

Hide file tree

Showing 9 changed files with 39 additions and 485 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -2,12 +2,13 @@
 
 #### Features
 * (**BREAKING**): Refine ast-transformer behavior: only transform `styles`-assignments inside @Component ([#261](https://github.com/thymikee/jest-preset-angular/pull/261)) and TypeScript v2.9 `createStringLiteral` is polyfilled if an older version is used ([#272](https://github.com/thymikee/jest-preset-angular/issues/272)).
-* (**BREAKING**): Restructure project with `src` and `build` folder ([#307](https://github.com/thymikee/jest-preset-angular/pull/307)). 
-* (**BREAKING**): Support `tsconfig.spec.json` in root folder by default ([#309](https://github.com/thymikee/jest-preset-angular/pull/309)). 
-* (**BREAKING**): Remove `core-js` peer dependency and instead add it as direct dependency ([#311](https://github.com/thymikee/jest-preset-angular/pull/309)). 
+* (**BREAKING**): Restructure project with `src` and `build` folder ([#307](https://github.com/thymikee/jest-preset-angular/pull/307)).
+* (**BREAKING**): Support `tsconfig.spec.json` in root folder by default ([#309](https://github.com/thymikee/jest-preset-angular/pull/309)).
+* (**BREAKING**): Remove `core-js` peer dependency and instead add it as direct dependency ([#311](https://github.com/thymikee/jest-preset-angular/pull/309)).
 
 #### Chore && Maintenance
 * Update example app to match Angular 8 Boilerplate ([#311](https://github.com/thymikee/jest-preset-angular/pull/309)).
+* Update example app to not use karma, extract jest config, fix paths ([#316](https://github.com/thymikee/jest-preset-angular/pull/316))
 
 #### Migration Guide
 * If the `astTransformers` are referenced in a custom `jest` config, `[ 'jest-preset-angular/build/InlineFilesTransformer', 'jest-preset-angular/build/StripStylesTransformer']` have to be set instead.

diff --git a/example/jest.config.js b/example/jest.config.js
@@ -0,0 +1,15 @@
+module.exports = {
+  preset: "jest-preset-angular",
+  snapshotSerializers: [
+    "jest-preset-angular/build/AngularNoNgAttributesSnapshotSerializer.js",
+    "jest-preset-angular/build/AngularSnapshotSerializer.js",
+    "jest-preset-angular/build/HTMLCommentSerializer.js"
+  ],
+  moduleNameMapper: {
+    "\\.(jpg|jpeg|png)$": "<rootDir>/__mocks__/image.js",
+    "^@lib/(.*)$": "<rootDir>/src/lib/$1"
+  },
+  setupFilesAfterEnv: [
+    "<rootDir>/src/setupJest.ts"
+  ]
+}
diff --git a/example/karma.conf.js b/example/karma.conf.js
diff --git a/example/package.json b/example/package.json
@@ -9,9 +9,7 @@
     "test": "jest",
     "test:watch": "jest --watch",
     "test:ci": "jest --runInBand",
-    "test:coverage": "jest --coverage",
-    "lint": "ng lint",
-    "e2e": "ng e2e"
+    "test:coverage": "jest --coverage"
   },
   "private": true,
   "dependencies": {
@@ -34,25 +32,9 @@
     "@angular/language-service": "~8.2.5",
     "@types/jest": "^24.0.0",
     "@types/node": "^11.0.0",
-    "codelyzer": "^5.0.0",
     "jest": "^24.0.0",
     "jest-preset-angular": "file:../",
     "ts-node": "^8.0.3",
     "typescript": "~3.5.3"
-  },
-  "jest": {
-    "preset": "jest-preset-angular",
-    "snapshotSerializers": [
-      "jest-preset-angular/build/AngularNoNgAttributesSnapshotSerializer.js",
-      "jest-preset-angular/build/AngularSnapshotSerializer.js",
-      "jest-preset-angular/build/HTMLCommentSerializer.js"
-    ],
-    "moduleNameMapper": {
-      "\\.(jpg|jpeg|png)$": "<rootDir>/__mocks__/image.js",
-      "^@lib/(.*)$": "<rootDir>/src/lib/$1"
-    },
-    "setupFilesAfterEnv": [
-      "<rootDir>/src/setupJest.ts"
-    ]
   }
 }
diff --git a/example/src/app/calc/calc.component.ts b/example/src/app/calc/calc.component.ts
@@ -1,7 +1,7 @@
 import { Component, OnInit, Input } from '@angular/core';
 import { Observable } from 'rxjs';
 
-const image = require('assets/its_something.png');
+const image = require('src/assets/its_something.png');
 
 @Component({
   selector: 'app-calc',

diff --git a/example/src/karmaTest.ts b/example/src/karmaTest.ts
diff --git a/example/tsconfig.app.json b/example/tsconfig.app.json
@@ -2,7 +2,7 @@
   "extends": "./tsconfig.json",
   "compilerOptions": {
     "outDir": "./out-tsc/app",
-    "types": []
+    "types": ["node"]
   },
   "files": [
     "src/main.ts",
@@ -12,7 +12,6 @@
     "src/**/*.ts"
   ],
   "exclude": [
-    "src/karmaTest.ts",
     "src/**/*.spec.ts"
   ]
 }
diff --git a/example/tsconfig.spec.json b/example/tsconfig.spec.json
@@ -7,9 +7,6 @@
     "emitDecoratorMetadata": true,
     "allowJs": true
   },
-  "files": [
-    "src/karmaTest.ts"
-  ],
   "include": [
     "src/**/*.spec.ts",
     "src/**/*.d.ts"