Finished issue #6 (#7)

* Unit test passed, e2e failed

* Basic draft of e2e test

* Finished basic unit test and e2e test

frontend/e2e/app.e2e-spec.ts

@@ -9,6 +9,6 @@ describe('web-ui App', () => {
 
   it('should display message saying app works', () => {
     page.navigateTo();
-    expect(page.getParagraphText()).toEqual('app works!');
+    expect(page.getParagraphText()).toContain('ANGULAR-SPRING-JWT-STARTER');
   });
 });

frontend/e2e/app.po.ts

@@ -6,6 +6,6 @@ export class WebUiPage {
   }
 
   getParagraphText() {
-    return element(by.css('app-root h1')).getText();
+    return element(by.css('app-root app-header span')).getText();
   }
 }

frontend/src/app/app-routing.module.ts

@@ -18,8 +18,12 @@ export const routes: Routes = [
     canActivate: [LoginGuard]
   },
   {
-    path: '**',
+    path:'404',
     component: NotFoundComponent
+  },
+  {
+    path: '**',
+    redirectTo: '/404'
   }
 ];
 

frontend/src/app/app.component.spec.ts

@@ -1,32 +1,76 @@
 import { TestBed, async } from '@angular/core/testing';
-
+import { RouterTestingModule } from '@angular/router/testing';
 import { AppComponent } from './app.component';
+import { HomeComponent } from './home';
+import { LoginComponent } from './login';
+
+import { LoginGuard } from './guard';
+import { NotFoundComponent } from './not-found';
+import {
+  HeaderComponent,
+  ApiCardComponent,
+  FooterComponent,
+  GithubComponent,
+} from './component';
+
+import {
+  MaterialModule
+} from '@angular/material';
+
+
+import {
+  ApiService,
+  AuthService,
+  UserService,
+  FooService,
+  ConfigService
+} from './service';
+
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { HttpModule } from '@angular/http';
 
 describe('AppComponent', () => {
   beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [
-        AppComponent
+        AppComponent,
+        HeaderComponent,
+        FooterComponent,
+      ],
+      imports: [
+        RouterTestingModule,
+        MaterialModule.forRoot(),
+        //FormsModule,
+        //ReactiveFormsModule,
+        //HttpModule,
+
       ],
+      providers: [
+        ApiService,
+        AuthService,
+        UserService,
+        FooService,
+        ConfigService
+      ]
     }).compileComponents();
   }));
 
   it('should create the app', async(() => {
-    const fixture = TestBed.createComponent(AppComponent);
+    let fixture = TestBed.createComponent(AppComponent);
     const app = fixture.debugElement.componentInstance;
     expect(app).toBeTruthy();
   }));
 
-  it(`should have as title 'app works!'`, async(() => {
-    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
-    expect(app.title).toEqual('app works!');
-  }));
+  // it(`should have as title 'app works!'`, async(() => {
+  //   let fixture = TestBed.createComponent(AppComponent);
+  //   const app = fixture.debugElement.componentInstance;
+  //   expect(app.title).toEqual('app works!');
+  // }));
 
-  it('should render title in a h1 tag', async(() => {
-    const fixture = TestBed.createComponent(AppComponent);
+  it('should render title in a span tag', async(() => {
+    let fixture = TestBed.createComponent(AppComponent);
     fixture.detectChanges();
     const compiled = fixture.debugElement.nativeElement;
-    expect(compiled.querySelector('h1').textContent).toContain('app works!');
+    expect(compiled.querySelector('span').textContent).toContain('Angular-Spring-JWT-Starter');
   }));
 });

frontend/src/app/home/home.component.spec.ts

@@ -1,16 +1,42 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { HomeComponent } from './home.component';
+import { ApiCardComponent, GithubComponent } from '../component';
+import {
+  MaterialModule
+} from '@angular/material';
+
+import {
+  ApiService,
+  AuthService,
+  UserService,
+  FooService,
+  ConfigService
+} from '../service';
 
 describe('HomeComponent', () => {
   let component: HomeComponent;
   let fixture: ComponentFixture<HomeComponent>;
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ HomeComponent ]
+      declarations: [
+        HomeComponent,
+        ApiCardComponent,
+        GithubComponent
+      ],
+      imports: [
+        MaterialModule.forRoot(),
+      ],
+      providers: [
+        ApiService,
+        AuthService,
+        UserService,
+        FooService,
+        ConfigService
+      ]
     })
-    .compileComponents();
+      .compileComponents();
   }));
 
   beforeEach(() => {

frontend/src/app/login/login.component.spec.ts

@@ -1,16 +1,45 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { LoginComponent } from './login.component';
+import { RouterTestingModule } from '@angular/router/testing';
+import { ApiCardComponent, GithubComponent } from '../component';
+import {
+  MaterialModule
+} from '@angular/material';
+
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+
+import {
+  ApiService,
+  AuthService,
+  UserService,
+  FooService,
+  ConfigService
+} from '../service';
 
 describe('LoginComponent', () => {
   let component: LoginComponent;
   let fixture: ComponentFixture<LoginComponent>;
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ LoginComponent ]
+      declarations: [LoginComponent],
+      imports: [
+        MaterialModule.forRoot(),
+        FormsModule,
+        ReactiveFormsModule,
+        RouterTestingModule,
+      ],
+      providers:
+      [
+        UserService,
+        ApiService,
+        ConfigService,
+        AuthService,
+
+      ]
     })
-    .compileComponents();
+      .compileComponents();
   }));
 
   beforeEach(() => {

frontend/src/app/not-found/not-found.component.spec.ts

@@ -8,9 +8,9 @@ describe('NotFoundComponent', () => {
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ NotFoundComponent ]
+      declarations: [NotFoundComponent]
     })
-    .compileComponents();
+      .compileComponents();
   }));
 
   beforeEach(() => {
@@ -22,4 +22,11 @@ describe('NotFoundComponent', () => {
   it('should be created', () => {
     expect(component).toBeTruthy();
   });
+
+  it('<h1> tag should contains \'Page Not Found\'', () => {
+    let fixture = TestBed.createComponent(NotFoundComponent);
+    fixture.detectChanges();
+    const compiled = fixture.debugElement.nativeElement;
+    expect(compiled.querySelector('h1').textContent).toContain('Page Not Found');
+  });
 });