nre approach

.angular-cli.json

@@ -1,7 +1,7 @@
 {
   "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
   "project": {
-    "name": "angular4-unit-test"
+    "name": "angular-karma-jasmine"
   },
   "apps": [
     {
@@ -19,8 +19,7 @@
       "testTsconfig": "tsconfig.spec.json",
       "prefix": "app",
       "styles": [
-        "styles.css",
-        "../node_modules/bootstrap/dist/css/bootstrap.min.css"
+        "styles.sass"
       ],
       "scripts": [],
       "environmentSource": "environments/environment.ts",
@@ -55,7 +54,7 @@
     }
   },
   "defaults": {
-    "styleExt": "css",
+    "styleExt": "sass",
     "component": {}
   }
 }

README.md

@@ -1,2 +1,28 @@
-# angular4-unit-test
-This repository is to create an example of angular4 with unit test using jasmine and karma
+# AngularKarmaJasmine
+
+This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.2.4.
+
+## Development server
+
+Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
+
+## Code scaffolding
+
+Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|module`.
+
+## Build
+
+Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `-prod` flag for a production build.
+
+## Running unit tests
+
+Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Running end-to-end tests
+
+Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).
+Before running the tests make sure you are serving the app via `ng serve`.
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).

e2e/app.e2e-spec.ts

@@ -1,10 +1,10 @@
-import { Angular4UnitTestPage } from './app.po';
+import { AngularKarmaJasminePage } from './app.po';
 
-describe('angular4-unit-test App', () => {
-  let page: Angular4UnitTestPage;
+describe('angular-karma-jasmine App', () => {
+  let page: AngularKarmaJasminePage;
 
   beforeEach(() => {
-    page = new Angular4UnitTestPage();
+    page = new AngularKarmaJasminePage();
   });
 
   it('should display welcome message', () => {

e2e/app.po.ts

@@ -1,6 +1,6 @@
 import { browser, by, element } from 'protractor';
 
-export class Angular4UnitTestPage {
+export class AngularKarmaJasminePage {
   navigateTo() {
     return browser.get('/');
   }