3 files changed, 15 insertions, 6 deletions
diff --git a/Timeline/ClientApp/src/app/user/user-logout/user-logout.component.html b/Timeline/ClientApp/src/app/user/user-logout/user-logout.component.html
index 56d96b83..309e5c83 100644
--- a/Timeline/ClientApp/src/app/user/user-logout/user-logout.component.html
+++ b/Timeline/ClientApp/src/app/user/user-logout/user-logout.component.html
@@ -1 +1 @@
-<p class="mat-body">Log out succeeded!</p>
+<p class="mat-body">Logout successfully!</p>
diff --git a/Timeline/ClientApp/src/app/user/user-logout/user-logout.component.spec.ts b/Timeline/ClientApp/src/app/user/user-logout/user-logout.component.spec.ts
index 91369e01..855ea4a1 100644
--- a/Timeline/ClientApp/src/app/user/user-logout/user-logout.component.spec.ts
+++ b/Timeline/ClientApp/src/app/user/user-logout/user-logout.component.spec.ts
@@ -1,25 +1,35 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { UserLogoutComponent } from './user-logout.component';
+import { InternalUserService } from '../internal-user-service/internal-user.service';
 
 describe('UserLogoutComponent', () => {
   let component: UserLogoutComponent;
   let fixture: ComponentFixture<UserLogoutComponent>;
 
+  let mockInternalUserService: jasmine.SpyObj<InternalUserService>;
+
   beforeEach(async(() => {
+    mockInternalUserService = jasmine.createSpyObj('InternalUserService', ['logout']);
+
     TestBed.configureTestingModule({
-      declarations: [ UserLogoutComponent ]
+      declarations: [UserLogoutComponent],
+      providers: [{ provide: InternalUserService, useValue: mockInternalUserService }]
     })
-    .compileComponents();
+      .compileComponents();
   }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(UserLogoutComponent);
     component = fixture.componentInstance;
-    fixture.detectChanges();
   });
 
   it('should create', () => {
     expect(component).toBeTruthy();
   });
+
+  it('should logout on init', () => {
+    fixture.detectChanges();
+    expect(mockInternalUserService.logout).toHaveBeenCalled();
+  });
 });
diff --git a/Timeline/ClientApp/src/app/user/user-logout/user-logout.component.ts b/Timeline/ClientApp/src/app/user/user-logout/user-logout.component.ts
index 24002c84..e004196f 100644
--- a/Timeline/ClientApp/src/app/user/user-logout/user-logout.component.ts
+++ b/Timeline/ClientApp/src/app/user/user-logout/user-logout.component.ts
@@ -1,4 +1,5 @@
 import { Component, OnInit } from '@angular/core';
+
 import { InternalUserService } from '../internal-user-service/internal-user.service';
 
 @Component({
@@ -7,11 +8,9 @@ import { InternalUserService } from '../internal-user-service/internal-user.serv
   styleUrls: ['./user-logout.component.css']
 })
 export class UserLogoutComponent implements OnInit {
-
   constructor(private userService: InternalUserService) { }
 
   ngOnInit() {
     this.userService.logout();
   }
-
 }