added test for clock

src/app/components/options-sidebar/time-clock/time-clock.component.ts

@@ -1,6 +1,4 @@
 import { Component, OnInit, OnDestroy } from '@angular/core';
-import { interval, timer } from 'rxjs';
-
 
 @Component({
   selector: 'app-time-clock',
@@ -15,13 +13,10 @@ export class TimeClockComponent implements OnInit {
   isClockIn: boolean;
   isEnterTechnology: boolean;
   showAlertEnterTecnology: boolean;
-
   hour: number;
   minute: number;
   seconds: number;
 
-  public timer;
-
   constructor() {
     this.isClockIn = true;
     this.isEnterTechnology = false;
@@ -32,7 +27,6 @@ export class TimeClockComponent implements OnInit {
 
    employeClockIn(): boolean {
      this.isClockIn = !this.isClockIn;
-     this.enableTimer();
      return this.isClockIn;
    }
 
@@ -44,7 +38,6 @@ export class TimeClockComponent implements OnInit {
        this.isClockIn = true;
        this.isEnterTechnology = false;
        this.showAlertEnterTecnology = false;
-       console.log('Disble Timer');
      }
    }
 
@@ -56,26 +49,7 @@ export class TimeClockComponent implements OnInit {
      }
    }
 
-   enableTimer() {
-    this.timer = interval(1000);
-    this.timer.subscribe( (data) => {
-      this.seconds += 1;
-      if ( this.seconds === 59 ) {
-        this.minute += 1;
-        this.seconds = 0;
-        if ( this.minute === 59 ) {
-          this.hour += 1;
-          this.minute = 0;
-        }
-      }
-      // console.log(this.hour + ' : ' + this.minute + ' : ' + this.seconds);
-    });
-
-   }
-
-
    ngOnInit(): void {
   }
 
-
 }

src/app/components/shared/clock/clock.component.spec.ts

@@ -6,6 +6,7 @@ describe('ClockComponent', () => {
   let component: ClockComponent;
   let fixture: ComponentFixture<ClockComponent>;
 
+
   beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [ ClockComponent ]
@@ -22,4 +23,15 @@ describe('ClockComponent', () => {
   it('should create', () => {
     expect(component).toBeTruthy();
   });
+
+  it('should show the current hour of day', () => {
+    const currentHour = 11;
+    expect(component.currentDate.getHours()).toEqual(currentHour);
+  });
+
+  it('should show the current minutes of day', () => {
+    const currenMinutes = 5;
+    expect(component.currentDate.getMinutes()).toEqual(currenMinutes);
+  });
+
 });

src/app/components/shared/clock/clock.component.ts

@@ -8,7 +8,7 @@ import { interval, timer } from 'rxjs';
 })
 export class ClockComponent implements OnInit {
 
-  currentDate: Date;
+  currentDate: Date = new Date();
   hour: number;
   minutes: number;
   seconds: number;
@@ -23,13 +23,13 @@ export class ClockComponent implements OnInit {
    }
 
    showClcok() {
-    const timer = interval(1000);
-    timer.subscribe( (data) => {
+    const timenInterval = interval(1000);
+    timenInterval.subscribe( (data) => {
       this.currentDate = new Date();
       this.hour = this.currentDate.getHours();
       this.minutes = this.currentDate.getMinutes();
       this.seconds = this.currentDate.getSeconds();
-    } );
+    });
    }
 
   ngOnInit(): void {