Merge pull request trungvose#80 from darxx/Unit-tests-after-Angular-11

Unit tests after angular 11

Author: trungvose

frontend/karma.conf.js

@@ -16,9 +16,11 @@ module.exports = function (config) {
       clearContext: false // leave Jasmine Spec Runner output visible in browser
     },
     coverageReporter: {
-      dir: require('path').join(__dirname, './coverage/frontend'),
+      dir: require('path').join(__dirname, './coverage'),
       reports: ['html', 'lcovonly', 'text-summary'],
-      fixWebpackSourcePaths: true
+      fixWebpackSourcePaths: true,
+      subdir: 'frontend',
+      type: 'html'
     },
     reporters: ['progress', 'kjhtml'],
     port: 9876,

frontend/src/app/core/directives/autofocus.directive.spec.ts

@@ -0,0 +1,30 @@
+import { AutofocusDirective } from '@trungk18/core/directives/autofocus.directive';
+import { fakeAsync, tick } from '@angular/core/testing';
+
+describe('AutofocusDirective', () => {
+  let component: any;
+  const elementRef: any = {
+    nativeElement: {
+      focus: jasmine.createSpy('nativeElement')
+    }
+  };
+
+  beforeEach(() => {
+    component = new AutofocusDirective(
+      elementRef
+    );
+  });
+
+  it('should be able to make ng After Content Init', fakeAsync(() => {
+    component.ngAfterContentInit();
+    tick(10);
+    expect(component.enable).toBe(true);
+    expect(elementRef.nativeElement.focus).toHaveBeenCalled();
+  }));
+  it('should be able to make ng After Content Init and destroy', fakeAsync(() => {
+    component.ngAfterContentInit();
+    tick(10);
+    component.ngOnDestroy();
+    expect(component.timer).toEqual(null);
+  }));
+});

frontend/src/app/core/directives/autofocus.directive.ts

@@ -17,13 +17,6 @@ export class AutofocusDirective implements AfterContentInit, OnDestroy {
     this.timer = null;
   }
 
-  setDefaultValue() {
-    if (this.enable === false) {
-      return;
-    }
-    this.enable = true;
-  }
-
   public ngAfterContentInit(): void {
     this.setDefaultValue();
     if (this.enable) {
@@ -35,6 +28,13 @@ export class AutofocusDirective implements AfterContentInit, OnDestroy {
     this.stopFocusWorkflow();
   }
 
+  private setDefaultValue() {
+    if (this.enable === false) {
+      return;
+    }
+    this.enable = true;
+  }
+
   private startFocusWorkflow(): void {
     if (this.timer) {
       return;

frontend/src/app/core/validators/no-whitespace.validator.spec.ts

@@ -0,0 +1,25 @@
+import { NoWhitespaceValidator } from './no-whitespace.validator';
+import { FormControl } from '@angular/forms';
+
+describe('NoWhitespaceValidator', () => {
+  const validator = NoWhitespaceValidator();
+
+  it('should be able to return no whitespace validator null value', () => {
+    const formControl = new FormControl();
+    formControl.setValue('Test');
+
+    expect(validator(formControl)).toEqual(null);
+  });
+  it('should be able to return no whitespace validator whitespace value', () => {
+    const formControl = new FormControl();
+    formControl.setValue('');
+
+    expect(validator(formControl).whitespace).toEqual('value is only whitespace');
+  });
+  it('should be able to return no whitespace validator on number validation', () => {
+    const formControl = new FormControl();
+    formControl.setValue(5);
+
+    expect(validator(formControl)).toEqual(null);
+  });
+});

frontend/src/app/interface/comment.spec.ts

@@ -0,0 +1,25 @@
+import { JComment } from '@trungk18/interface/comment';
+
+describe('JComment', () => {
+  let testClass: any;
+
+  beforeEach(() => {
+    testClass = new JComment(
+      '',
+      {
+        id: '',
+        name: '',
+        email: '',
+        avatarUrl: '',
+        createdAt: '',
+        updatedAt: '',
+        issueIds: ['']
+      }
+    );
+  });
+
+  it('Should have interfaces ', () => {
+    expect(Object.keys(testClass).length).toEqual(5);
+    expect(Object.keys(testClass.user).length).toEqual(7);
+  });
+});

frontend/src/app/jira-control/avatar/avatar.component.spec.ts

@@ -0,0 +1,13 @@
+import {AvatarComponent} from '@trungk18/jira-control/avatar/avatar.component';
+
+describe('AvatarComponent', () => {
+  let component: AvatarComponent;
+  beforeEach(() => {
+    component = new AvatarComponent();
+  });
+
+  it('should be able to get styles', () => {
+    expect(component.style.width).toEqual('12px');
+    expect(component.style.height).toEqual('12px');
+  });
+});

frontend/src/app/jira-control/breadcrumbs/breadcrumbs.component.ts

@@ -1,13 +1,12 @@
-import { Component, OnInit, Input } from '@angular/core';
+import { Component, Input } from '@angular/core';
 
 @Component({
   selector: 'breadcrumbs',
   templateUrl: './breadcrumbs.component.html',
   styleUrls: ['./breadcrumbs.component.scss']
 })
-export class BreadcrumbsComponent implements OnInit {
+export class BreadcrumbsComponent {
   @Input() items: string[] = [];
   constructor() {}
 
-  ngOnInit(): void {}
 }

frontend/src/app/jira-control/button/button.component.spec.ts

@@ -0,0 +1,13 @@
+import { ButtonComponent } from '@trungk18/jira-control/button/button.component';
+
+describe('ButtonComponent', () => {
+  let component: ButtonComponent;
+
+  beforeEach(() => {
+    component = new ButtonComponent();
+  });
+
+  it('should be able to create', () => {
+    expect(component).toBeTruthy();
+  });
+});

frontend/src/app/jira-control/button/button.component.ts

@@ -1,11 +1,11 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { Component, Input } from '@angular/core';
 
 @Component({
   selector: 'j-button',
   templateUrl: './button.component.html',
   styleUrls: ['./button.component.scss']
 })
-export class ButtonComponent implements OnInit {
+export class ButtonComponent {
   @Input() type = 'button';
   @Input() className = 'btn-primary';
   @Input() icon: string;
@@ -16,6 +16,4 @@ export class ButtonComponent implements OnInit {
 
   constructor() {}
 
-  ngOnInit(): void {}
-
 }

frontend/src/app/jira-control/input/input.component.spec.ts

@@ -0,0 +1,26 @@
+import { InputComponent } from '@trungk18/jira-control/input/input.component';
+
+describe('InputComponent', () => {
+  let component: InputComponent;
+
+  beforeEach(() => {
+    component = new InputComponent();
+  });
+
+  it('should be able to init', () => {
+    component.ngOnInit();
+    expect(component.control).toBeTruthy();
+  });
+  it('should be able to get icon size', () => {
+    expect(component.iconContainerWidth).toEqual(32);
+  });
+  it('should be able to get return  is Show Clear Button', () => {
+    expect(typeof component.isShowClearButton).toEqual('undefined');
+  });
+  it('should be able to clear control', () => {
+    component.ngOnInit();
+    spyOn(component.control, 'patchValue').and.callThrough();
+    component.clear();
+    expect(component.control.patchValue).toHaveBeenCalled();
+  });
+});