Unit tests written for Improving the Coverage

src/app/app.component.spec.ts

@@ -1,7 +1,7 @@
 import { Location } from '@angular/common';
 import { TestBed, fakeAsync, tick, async } from '@angular/core/testing';
 import { RouterTestingModule } from '@angular/router/testing';
-import { Router } from '@angular/router';
+import { Router, NavigationEnd } from '@angular/router';
 import { GlobalService } from './services/global.service';
 import { AuthService } from './services/auth.service';
 import { EndpointsService } from './services/endpoints.service';
@@ -60,7 +60,7 @@ describe('AppComponent', () => {
 
   }));
 
-  // Mocking promis
+  // Mocking promise
   it('fakeAsync works', fakeAsync(() => {
     const promise = new Promise((resolve) => {
       setTimeout(resolve, 10);
@@ -84,4 +84,20 @@ describe('AppComponent', () => {
     const app = compFixture.debugElement.componentInstance;
     expect(app).toBeTruthy();
   }));
+  it('should scroll event listener', async(() => {
+    const compFixture = TestBed.createComponent(AppComponent);
+    compFixture.componentInstance.onWindowScroll() ;
+  }));
+  it('should initialize the component', async(() => {
+    const compFixture = TestBed.createComponent(AppComponent);
+    compFixture.componentInstance.ngOnInit() ;
+  }));
+  it('should destroy the component', async(() => {
+    const compFixture = TestBed.createComponent(AppComponent);
+    compFixture.componentInstance.ngOnDestroy() ;
+  }));
+  it('should scroll up', async(() => {
+    const compFixture = TestBed.createComponent(AppComponent);
+    compFixture.componentInstance.scrollUp() ;
+  }));
 });

src/app/components/about/about.component.spec.ts

@@ -39,4 +39,7 @@ describe('AboutComponent', () => {
   it('should create', () => {
     expect(component).toBeTruthy();
   });
+  it('should call ngOninit', () => {
+    component.ngOnInit();
+  });
 });

src/app/components/analytics/analytics.component.spec.ts

@@ -53,4 +53,5 @@ describe('AnalyticsComponent', () => {
   it('should create', () => {
     expect(component).toBeTruthy();
   });
+
 });

src/app/components/analytics/host-analytics/host-analytics.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { async, ComponentFixture, TestBed, inject } from '@angular/core/testing';
 
 import { HostAnalyticsComponent } from './host-analytics.component';
 import {ApiService} from '../../../services/api.service';
@@ -8,11 +8,10 @@ import {GlobalService} from '../../../services/global.service';
 import {RouterTestingModule} from '@angular/router/testing';
 import {HttpClientModule} from '@angular/common/http';
 import {Routes} from '@angular/router';
-import {DashboardComponent} from '../../dashboard/dashboard.component';
-import {LoginComponent} from '../../auth/login/login.component';
 import {NotFoundComponent} from '../../not-found/not-found.component';
 import {WindowService} from '../../../services/window.service';
 import {FormsModule} from '@angular/forms';
+import { Observable } from 'rxjs';
 
 
 const routes: Routes = [
@@ -32,7 +31,7 @@ const routes: Routes = [
 ];
 
 
-
+let Observer: (observer) => void;
 describe('HostAnalyticsComponent', () => {
   let component: HostAnalyticsComponent;
   let fixture: ComponentFixture<HostAnalyticsComponent>;
@@ -55,4 +54,93 @@ describe('HostAnalyticsComponent', () => {
   it('should create', () => {
     expect(component).toBeTruthy();
   });
+  it('should show HostTeam', inject([ApiService, GlobalService], (service: ApiService, service2: GlobalService) => {
+    spyOn(service, 'getUrl').and.returnValue(new Observable((observer) => {
+      observer.next({'status' : 200});
+      observer.complete();
+      return {unsubscribe() {}};
+    }));
+    fixture.detectChanges();
+    spyOn(service2, 'showToast').and.callThrough();
+    component.getHostTeam();
+    expect(service.getUrl).toHaveBeenCalled();
+    expect(service2.showToast).not.toHaveBeenCalled();
+  }));
+  it('should give error for HostTeam', inject([ApiService, GlobalService], (service: ApiService, service2: GlobalService) => {
+    const err  = {
+      'status': 403,
+      'error': 'error'
+     };
+     spyOn(service, 'getUrl').and.returnValue(new Observable((observer) => {
+       observer.error(err);
+       return {unsubscribe() {}};
+     }));
+     fixture.detectChanges();
+     spyOn(service2, 'showToast').and.callThrough();
+     component.getHostTeam();
+     err['status'] = 401;
+     component.getHostTeam();
+     expect(service.getUrl).toHaveBeenCalled();
+     expect(service2.showToast).toHaveBeenCalled();
+  }));
+  it('should show challenge Host',  inject([ApiService, GlobalService], (service: ApiService, service2: GlobalService) => {
+    spyOn(service, 'getUrl').and.returnValue(new Observable((observer) => {
+      observer.next({'results': []});
+      observer.complete();
+      return { unsubscribe() {}};
+    }));
+    fixture.detectChanges();
+    component.getChallengeHost();
+    expect(service.getUrl).toHaveBeenCalled();
+  }));
+  it('should show challenge Analysis',  inject([ApiService, GlobalService, EndpointsService],
+    (service: ApiService, service2: GlobalService, service3: EndpointsService) => {
+    const result = {
+      'participant_team_count': 1,
+      'results': [{'id': '1'}],
+      'challenge_phase': '1',
+      'last_submission_timestamp_in_challenge_phase': '2020-03-10',
+      'status': 403,
+      'error': 'err'
+    };
+    spyOn(service, 'getUrl').and.returnValue(new Observable((observer) => {
+      observer.next(result);
+      observer.error(result);
+      observer.complete();
+      return {unsubscribe() {}};
+    }));
+    fixture.detectChanges();
+    spyOn(service2, 'startLoader').and.callThrough();
+    spyOn(service3, 'teamCountAnalyticsURL').and.callThrough();
+    component.showChallengeAnalysis();
+    component.challengeId = '1';
+    component.challengeList = [{'id': 1}];
+    component.showChallengeAnalysis();
+    expect(service2.startLoader).toHaveBeenCalled();
+    expect(service.getUrl).toHaveBeenCalled();
+    expect(service3.teamCountAnalyticsURL).toHaveBeenCalled();
+  }));
+  it('should download challenge participant team', inject([EndpointsService, ApiService],
+    (service: EndpointsService, service2: ApiService) => {
+   const result = {
+     'results' : [{'id': '1'}],
+     'error': {'error': 'Test Error'}
+   };
+   Observer = (observer) => {
+    observer.next(result);
+    observer.error(result);
+    observer.next(result);
+    observer.complete();
+    return {unsubscribe() {}};
+   };
+    spyOn(service2, 'getUrl').and.returnValue(new Observable (Observer));
+    fixture.detectChanges();
+    spyOn(service, 'downloadParticipantsAnalyticsURL').and.callThrough();
+    component.challengeId = '1';
+    component.downloadChallengeParticipantTeams();
+    expect(service.downloadParticipantsAnalyticsURL).toHaveBeenCalled();
+    expect(service2.getUrl).toHaveBeenCalled();
+  }));
+
+
 });

src/app/components/auth/auth.component.spec.ts

@@ -36,4 +36,7 @@ describe('AuthComponent', () => {
   it('should create', () => {
     expect(component).toBeTruthy();
   });
+  it('should navigate to a certail url', ()  => {
+    expect(component.navigateTo('/')).toBeUndefined();
+  });
 });

src/app/components/auth/login/login.component.spec.ts

@@ -1,5 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-
+import { async, ComponentFixture, TestBed, inject } from '@angular/core/testing';
 import { LoginComponent } from './login.component';
 import { InputComponent } from '../../utility/input/input.component';
 import { RouterTestingModule } from '@angular/router/testing';
@@ -11,6 +10,25 @@ import { WindowService } from '../../../services/window.service';
 import { ApiService } from '../../../services/api.service';
 import { HttpClientModule } from '@angular/common/http';
 import { FormsModule } from '@angular/forms';
+import { Routes } from '@angular/router';
+import { NotFoundComponent } from '../../not-found/not-found.component';
+import { Observable } from 'rxjs';
+
+const routes: Routes = [
+  {
+    path: '',
+    component: LoginComponent,
+  },
+  {
+    path: '404',
+    component: NotFoundComponent,
+  },
+  {
+    path: '**',
+    redirectTo: '/404',
+    pathMatch: 'full'
+  }
+];
 
 
 describe('LoginComponent', () => {
@@ -19,15 +37,15 @@ describe('LoginComponent', () => {
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ LoginComponent, InputComponent ],
+      declarations: [ LoginComponent, InputComponent, NotFoundComponent ],
       providers: [
         GlobalService,
         AuthService,
         WindowService,
         ApiService,
         EndpointsService
       ],
-      imports: [ RouterTestingModule, HttpClientModule, FormsModule ],
+      imports: [ RouterTestingModule.withRoutes(routes), HttpClientModule, FormsModule ],
       schemas: [ NO_ERRORS_SCHEMA ]
     })
     .compileComponents();
@@ -42,4 +60,34 @@ describe('LoginComponent', () => {
   it('should create', () => {
     expect(component).toBeTruthy();
   });
+  it('should call ngAfterViewInit', () => {
+    expect(component.ngAfterViewInit()).toBe();
+  });
+  it('should call userLogin without error', inject([ApiService], (service2: ApiService) => {
+    spyOn(service2, 'postUrl').and.returnValue(new Observable((observation) => {
+      observation.next({'token': [{}]});
+      observation.complete();
+      return {unsubscribe() {}};
+    }));
+    fixture.detectChanges();
+    component.userLogin(false);
+    component.userLogin(true);
+    expect(service2.postUrl).toHaveBeenCalled();
+  }));
+  it(' should call userLogin with error' , inject([ApiService], (service: ApiService) => {
+    let err = {};
+    spyOn(service, 'postUrl').and.returnValue(new Observable((observation) => {
+      observation.error(err);
+      return {unsubscribe() {}};
+    }));
+    fixture.detectChanges();
+    component.userLogin(true);
+    err = {'status': 400};
+    fixture.detectChanges();
+    component.userLogin(true);
+    err = {'status': 400, 'error': {'non_field_errirs': ['Testing Error']}};
+    fixture.detectChanges();
+    component.userLogin(true);
+    expect(service.postUrl).toHaveBeenCalled();
+  }));
 });

src/app/components/auth/reset-password-confirm/reset-password-confirm.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { async, ComponentFixture, TestBed, inject } from '@angular/core/testing';
 
 import { ResetPasswordConfirmComponent } from './reset-password-confirm.component';
 import {RouterTestingModule} from '@angular/router/testing';
@@ -9,6 +9,8 @@ import {AuthService} from '../../../services/auth.service';
 import {WindowService} from '../../../services/window.service';
 import {ApiService} from '../../../services/api.service';
 import {EndpointsService} from '../../../services/endpoints.service';
+import { Observable } from 'rxjs';
+
 
 describe('ResetPasswordConfirmComponent', () => {
   let component: ResetPasswordConfirmComponent;
@@ -38,4 +40,45 @@ describe('ResetPasswordConfirmComponent', () => {
   it('should create', () => {
     expect(component).toBeTruthy();
   });
+  it('should confirm reset password', inject([ApiService], (service: ApiService) => {
+    spyOn(service, 'postUrl').and.returnValue(new Observable((observation) => {
+      observation.next({'data': {'detail': 'detail_goes_here'}});
+      observation.complete();
+      return {unsubscribe() {}};
+    }));
+    fixture.detectChanges();
+    component.resetPasswordConfirm(false);
+    component.resetPasswordConfirm(true);
+    expect(service.postUrl).toHaveBeenCalled();
+  }));
+  it('should call confirmresetPasswordwith error', inject([ApiService], (service: ApiService) => {
+    let err = {};
+    spyOn(service, 'postUrl').and.returnValue(new Observable((observation) => {
+      observation.error(err);
+      return {unsubscribe() {}};
+    }));
+    fixture.detectChanges();
+    component.resetPasswordConfirm(true);
+    err = {'status': 400};
+    fixture.detectChanges();
+    component.resetPasswordConfirm(true);
+
+    err = {'status': 400, 'error': {'non_field_errors': ['Testing']}};
+    fixture.detectChanges();
+    component.resetPasswordConfirm(true);
+
+    err = {'status': 400, 'error': {'token': ['Testing']}};
+    fixture.detectChanges();
+    component.resetPasswordConfirm(true);
+
+    err = {'status': 400, 'error': {'new_password1': ['Testing']}};
+    fixture.detectChanges();
+    component.resetPasswordConfirm(true);
+
+    err = {'status': 400, 'error': {'new_password2': ['Testing']}};
+    fixture.detectChanges();
+    component.resetPasswordConfirm(true);
+    expect(service.postUrl).toHaveBeenCalled();
+
+  }));
 });

src/app/components/auth/reset-password/reset-password.component.spec.ts

@@ -1,4 +1,4 @@
-import {async, ComponentFixture, TestBed} from '@angular/core/testing';
+import { async, ComponentFixture, TestBed, inject } from '@angular/core/testing';
 
 import {ResetPasswordComponent} from './reset-password.component';
 import {FormsModule} from '@angular/forms';
@@ -8,6 +8,7 @@ import {EndpointsService} from '../../../services/endpoints.service';
 import {ApiService} from '../../../services/api.service';
 import {HttpClientModule} from '@angular/common/http';
 import {RouterTestingModule} from '@angular/router/testing';
+import { Observable } from 'rxjs';
 
 describe('ResetPasswordComponent', () => {
   let component: ResetPasswordComponent;
@@ -31,4 +32,25 @@ describe('ResetPasswordComponent', () => {
   it('should create', () => {
     expect(component).toBeTruthy();
   });
+  it('should reset password with valid parameters', inject([ApiService], (service: ApiService) => {
+      spyOn(service, 'postUrl').and.returnValue(new Observable((observation) => {
+        observation.next({'detail': 'testing_detail_goes_here'});
+        observation.complete();
+        return {unsubscribe() {}};
+      }));
+      fixture.detectChanges();
+      component.resetPassword(false);
+      component.resetPassword(true);
+      expect(service.postUrl).toHaveBeenCalled();
+  }));
+  it('should call resetPassword function with error',  inject([ApiService], (service: ApiService) => {
+    const error = {};
+    spyOn(service, 'postUrl').and.returnValue(new Observable((observation) => {
+      observation.error(error);
+      return {unsubscribe() {}};
+    }));
+    fixture.detectChanges();
+    component.resetPassword(true);
+    expect(service.postUrl).toHaveBeenCalled();
+  }));
 });