Basic Unit test implementations.

Author: bn3t

generators/app/templates/src/app/app.component.spec.ts

@@ -1,48 +1,34 @@
 /* tslint:disable:no-unused-variable */
-
-import { TestBed, async } from '@angular/core/testing';
-import { AppComponent } from './app.component';
-import { AuthService } from './shared/auth.service';
-import { FormsModule } from '@angular/forms';
-import {AsyncSubject} from "rxjs";
+import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import {TestBed, async} from "@angular/core/testing";
+import {AppComponent} from "./app.component";
 
 describe('AppComponent', () => {
-  beforeEach(() => {
-    let authServiceStub = {
-      login: function () { return true },
-      logout: function () { return true },
-      isLoggedIn: function () {
-        return new AsyncSubject<boolean>();
-      }
-    };
-
-    TestBed.configureTestingModule({
-      imports: [ FormsModule ],
-      declarations: [
-        AppComponent
-      ],
-      providers: [
-        { provide: AuthService, useValue: authServiceStub }
-      ]
+    beforeEach(() => {
+        TestBed.configureTestingModule({
+            declarations: [
+                AppComponent
+            ],
+            schemas: [CUSTOM_ELEMENTS_SCHEMA]
+        });
     });
-  });
 
-  it('should create the app', async(() => {
-    let fixture = TestBed.createComponent(AppComponent);
-    let app = fixture.debugElement.componentInstance;
-    expect(app).toBeTruthy();
-  }));
+    it('should create the app', async(() => {
+        let fixture = TestBed.createComponent(AppComponent);
+        let app = fixture.debugElement.componentInstance;
+        expect(app).toBeTruthy();
+    }));
 
-  it(`should have as title 'app works!'`, async(() => {
-    let fixture = TestBed.createComponent(AppComponent);
-    let app = fixture.debugElement.componentInstance;
-    expect(app.title).toEqual('app works! - <%= name %>');
-  }));
+    it(`should have as title 'app works!'`, async(() => {
+        let fixture = TestBed.createComponent(AppComponent);
+        let app = fixture.debugElement.componentInstance;
+        expect(app.title).toEqual('app works! - <%= name %>');
+    }));
 
-  it('should render title in a h1 tag', async(() => {
-    let fixture = TestBed.createComponent(AppComponent);
-    fixture.detectChanges();
-    let compiled = fixture.debugElement.nativeElement;
-    expect(compiled.querySelector('h1').textContent).toContain('app works! - <%= name %>');
-  }));
+    it('should render title in a h1 tag', async(() => {
+        let fixture = TestBed.createComponent(AppComponent);
+        fixture.detectChanges();
+        let compiled = fixture.debugElement.nativeElement;
+        expect(compiled.querySelector('h1').textContent).toContain('app works! - <%= name %>');
+    }));
 });

generators/app/templates/src/app/display-user/display-user.component.spec.ts

@@ -1,28 +1,73 @@
 /* tslint:disable:no-unused-variable */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { DebugElement } from '@angular/core';
+import {async, ComponentFixture, TestBed} from "@angular/core/testing";
+import {DisplayUserComponent} from "./display-user.component";
+import {AsyncSubject, Observable, ReplaySubject} from "rxjs";
+import {FormsModule} from "@angular/forms";
+import {AuthService} from "app/shared/auth.service";
+import {UserInfo} from "app/shared/user-info";
+import {By} from "@angular/platform-browser";
 
-import { DisplayUserComponent } from './display-user.component';
+class AuthServiceStub {
+
+    constructor(private loggedin: boolean) {
+    }
+
+    login(email: string, password: string) {
+    }
+
+    currentUser(): Observable<UserInfo> {
+        let userInfo = new UserInfo();
+        userInfo.displayName = "my-display-name";
+        userInfo.email = "my-email";
+        userInfo.uid = "my-uid";
+        userInfo.isAnonymous = false;
+        userInfo.photoURL = "my-photo-url";
+        userInfo.providerId = "my-provider-id";
+
+        let replaySubject = new ReplaySubject();
+        if (this.loggedin) {
+            replaySubject.next(userInfo);
+        }
+        return replaySubject;
+    }
+
+    isLoggedIn(): Observable<boolean> {
+        let isLoggedInBS = new AsyncSubject<boolean>();
+        isLoggedInBS.next(true);
+        isLoggedInBS.complete();
+        return isLoggedInBS;
+    }
+}
 
 describe('DisplayUserComponent', () => {
-  let component: DisplayUserComponent;
-  let fixture: ComponentFixture<DisplayUserComponent>;
-
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [ DisplayUserComponent ]
-    })
-    .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(DisplayUserComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
+
+    let component: DisplayUserComponent;
+    let fixture: ComponentFixture<DisplayUserComponent>;
+
+    beforeEach(async(() => {
+        let authServiceStub = new AuthServiceStub(true);
+
+        TestBed.configureTestingModule({
+            imports: [FormsModule],
+            declarations: [DisplayUserComponent],
+            providers: [
+                {provide: AuthService, useValue: authServiceStub}
+            ]
+        }).compileComponents();
+    }));
+
+    beforeEach(() => {
+        fixture = TestBed.createComponent(DisplayUserComponent);
+        component = fixture.componentInstance;
+        fixture.detectChanges();
+    });
+
+    it('should display userinfo when logged in', () => {
+        expect(component).toBeTruthy();
+        let elements = fixture.debugElement.queryAll(By.css(".list-group-item"));
+        expect(elements[0].nativeElement.textContent).toContain("Email: my-email");
+        expect(elements[1].nativeElement.textContent).toContain("Display Name: my-display-name");
+        expect(elements[2].nativeElement.textContent).toContain("Uid: my-uid");
+        expect(elements[3].nativeElement.textContent).toContain("Provider Id: my-provider-id");
+    });
 });

generators/app/templates/src/app/login-user/login-user.component.html

@@ -30,6 +30,5 @@ <h3>Please Log In
         Log In
       </button>
     </form>
-
   </div>
 </div>

generators/app/templates/src/app/login-user/login-user.component.spec.ts

@@ -1,28 +1,45 @@
 /* tslint:disable:no-unused-variable */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { DebugElement } from '@angular/core';
-
-import { LoginUserComponent } from './login-user.component';
+import {async, ComponentFixture, TestBed} from "@angular/core/testing";
+import {LoginUserComponent} from "./login-user.component";
+import {AuthService} from "app/shared/auth.service";
+import {FormsModule} from "@angular/forms";
+import {AsyncSubject, Observable, ReplaySubject} from "rxjs";
+import {UserInfo} from "app/shared/user-info";
 
 describe('LoginUserComponent', () => {
-  let component: LoginUserComponent;
-  let fixture: ComponentFixture<LoginUserComponent>;
+    let component: LoginUserComponent;
+    let fixture: ComponentFixture<LoginUserComponent>;
+
+    beforeEach(async(() => {
+        let authServiceStub = {
+            login: function () {
+                return true
+            },
+            logout: function () {
+                return true
+            },
+            isLoggedIn: function () {
+                return new AsyncSubject<boolean>();
+            }
+        };
 
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [ LoginUserComponent ]
-    })
-    .compileComponents();
-  }));
+        TestBed.configureTestingModule({
+            imports: [FormsModule],
+            declarations: [LoginUserComponent],
+            providers: [
+                {provide: AuthService, useValue: authServiceStub}
+            ]
+        })
+            .compileComponents();
+    }));
 
-  beforeEach(() => {
-    fixture = TestBed.createComponent(LoginUserComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
+    beforeEach(() => {
+        fixture = TestBed.createComponent(LoginUserComponent);
+        component = fixture.componentInstance;
+        fixture.detectChanges();
+    });
 
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
+    it('should create', () => {
+        expect(component).toBeTruthy();
+    });
 });

generators/app/templates/src/app/shared/auth.service.ts

@@ -18,17 +18,11 @@ export class AuthService {
             let userInfo = new UserInfo();
             if (auth != null) {
                 this.auth = auth.auth;
-                //noinspection TypeScriptUnresolvedVariable
                 userInfo.isAnonymous = auth.auth.isAnonymous;
-                //noinspection TypeScriptUnresolvedVariable
                 userInfo.email = auth.auth.email;
-                //noinspection TypeScriptUnresolvedVariable
                 userInfo.displayName = auth.auth.displayName;
-                //noinspection TypeScriptUnresolvedVariable
                 userInfo.providerId = auth.auth.providerId;
-                //noinspection TypeScriptUnresolvedVariable
                 userInfo.photoURL = auth.auth.photoURL;
-                //noinspection TypeScriptUnresolvedVariable
                 userInfo.uid = auth.auth.uid;
             } else {
                 this.auth = null;