Unit test code examples

Author: Damorfati

frontend/src/app/project/auth/auth.service.spec.ts

@@ -1,6 +1,6 @@
 import { AuthService } from './auth.service';
 import { Subject } from 'rxjs';
-import { fakeAsync, tick } from '@angular/core/testing';
+import { fakeAsync } from '@angular/core/testing';
 
 describe('AuthService', () => {
   let service: AuthService;

frontend/src/app/project/components/add-issue-modal/add-issue-modal.component.spec.ts

@@ -0,0 +1,39 @@
+import { AddIssueModalComponent } from '@trungk18/project/components/add-issue-modal/add-issue-modal.component';
+
+describe('AddIssueModalComponent', () => {
+  let component: AddIssueModalComponent;
+
+  const formBuilder: any = {
+    group: jasmine.createSpy('group').and.returnValue({
+      invalid: false,
+      getRawValue: jasmine.createSpy('getRawValue')
+    }),
+  };
+  const nzModalRef: any = {
+    close: jasmine.createSpy('close').and.callThrough()
+  };
+  const projectService: any = {
+    updateIssue: jasmine.createSpy('updateIssue')
+  };
+  const projectQuery: any = {};
+
+  beforeEach(() => {
+    component = new AddIssueModalComponent(
+      formBuilder,
+      nzModalRef,
+      projectService,
+      projectQuery
+    );
+  });
+
+  it('should be able to initForm', () => {
+    component.initForm();
+    expect(formBuilder.group).toHaveBeenCalled();
+  });
+  it('should be able to submit Form', () => {
+    component.initForm();
+    component.submitForm();
+    expect(projectService.updateIssue).toHaveBeenCalled();
+    expect(formBuilder.group).toHaveBeenCalled();
+  });
+});

frontend/src/app/project/components/issues/issue-title/issue-title.component.spec.ts

@@ -0,0 +1,76 @@
+import { FormControl } from '@angular/forms';
+import { IssueTitleComponent } from './issue-title.component';
+import {SimpleChange} from '@angular/core';
+import {JComment} from '@trungk18/interface/comment';
+import {IssuePriority, IssueStatus, IssueType} from '@trungk18/interface/issue';
+
+describe('IssueTitleComponent', () => {
+  let component: IssueTitleComponent;
+
+  const projectService: any = {
+    updateIssue: jasmine.createSpy('updateIssue').and.callThrough()
+  };
+
+  beforeEach(() => {
+    component = new IssueTitleComponent(
+      projectService
+    );
+    component.titleControl = new FormControl('test');
+  });
+
+  it('should be able to make onBlur action', () => {
+    component.onBlur();
+    expect(projectService.updateIssue).toHaveBeenCalled();
+  });
+  it('should be able to change title', () => {
+    component.issue = {
+      id: '',
+      title: 'New title',
+      type: IssueType.BUG,
+      status: IssueStatus.BACKLOG,
+      priority: IssuePriority.HIGH,
+      listPosition: 0,
+      description: '',
+      estimate: 0,
+      timeSpent: 0,
+      timeRemaining: 0,
+      createdAt: '',
+      updatedAt: '',
+      reporterId: '',
+      userIds: [],
+      comments: [],
+      projectId: ''
+    };
+    component.ngOnChanges({
+      issue: new SimpleChange(null, {title: 'New title'}, null)
+    });
+    expect(component.titleControl.value).toEqual('New title');
+  });
+  it('should not be able to change title', () => {
+    component.issue = {
+      id: '',
+      title: 'New title 2',
+      type: IssueType.BUG,
+      status: IssueStatus.BACKLOG,
+      priority: IssuePriority.HIGH,
+      listPosition: 0,
+      description: '',
+      estimate: 0,
+      timeSpent: 0,
+      timeRemaining: 0,
+      createdAt: '',
+      updatedAt: '',
+      reporterId: '',
+      userIds: [],
+      comments: [],
+      projectId: ''
+    };
+
+    const expected = {title: 'New title'};
+
+    component.ngOnChanges({
+      issue: new SimpleChange(expected, expected, null)
+    });
+    expect(component.titleControl.value).toEqual('test');
+  });
+});

frontend/src/app/project/components/navigation/navigation/navigation.component.spec.ts

@@ -0,0 +1,15 @@
+import { NavigationComponent } from './navigation.component';
+
+describe('NavigationComponent', () => {
+  let component: NavigationComponent;
+
+  beforeEach(() => {
+    component = new NavigationComponent();
+  });
+
+  it('should be able to toggle', () => {
+    spyOn(component.manualToggle, 'emit');
+    component.toggle();
+    expect(component.manualToggle.emit).toHaveBeenCalled();
+  });
+});

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

@@ -0,0 +1,22 @@
+import { ProjectComponent } from '@trungk18/project/project.component';
+
+
+describe('ProjectComponent', () => {
+  let component: ProjectComponent;
+
+  const projectService: any = {};
+  const authService: any = {};
+
+  beforeEach(() => {
+    component = new ProjectComponent(
+      projectService,
+      authService
+    );
+  });
+
+  it('should be able to toggle', () => {
+    component.expanded = false;
+    component.manualToggle();
+    expect(component.expanded).toBe(true);
+  });
+});