#3 find project

src/app/app.module.ts

@@ -25,7 +25,6 @@ import { EmptyStateComponent } from './components/shared/empty-state/empty-state
 import { GroupByDatePipe } from './components/shared/pipes/group-by-date/group-by-date.pipe';
 import { SearchProjectComponent } from './components/shared/search-project/search-project.component';
 import { FilterProjectPipe } from './components/shared/pipes/filter-project/filter-project.pipe';
-// tslint:disable-next-line:max-line-length
 import { ActivitiesManagementComponent } from './components/options-sidebar/activities/activities-management/activities-management.component';
 
 @NgModule({
@@ -48,7 +47,7 @@ import { ActivitiesManagementComponent } from './components/options-sidebar/acti
     EmptyStateComponent,
     GroupByDatePipe,
     SearchProjectComponent,
-    FilterProjectPipe
+    FilterProjectPipe,
     ActivitiesManagementComponent,
     CreateActivityComponent,
     ActivityListComponent

src/app/components/options-sidebar/activities/create-activity/create-activity.component.spec.ts

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

src/app/components/options-sidebar/project-management/project-management.component.spec.ts

@@ -7,6 +7,7 @@ import { ProjectService } from '../../../services/project.service';
 import { of } from 'rxjs';
 import { CreateProjectComponent } from '../../../components/shared/create-project/create-project.component';
 import { ProjectListComponent } from '../../../components/shared/project-list/project-list.component';
+import { FilterProjectPipe } from 'src/app/components/shared/pipes/filter-project/filter-project.pipe';
 
 describe('ProjectManagementComponent', () => {
   let component: ProjectManagementComponent;
@@ -45,7 +46,7 @@ describe('ProjectManagementComponent', () => {
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ ProjectManagementComponent, CreateProjectComponent, ProjectListComponent ],
+      declarations: [ ProjectManagementComponent, CreateProjectComponent, ProjectListComponent, FilterProjectPipe ],
       providers: [ { provide: ProjectService, useValue: projectServiceStub }],
       imports: [
         FormsModule,

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

@@ -3,6 +3,7 @@ import { By } from '@angular/platform-browser';
 import { DebugElement, Component } from '@angular/core';
 import { TimeClockComponent } from './time-clock.component';
 import { ProjectListHoverComponent } from '../../shared/project-list-hover/project-list-hover.component';
+import { FilterProjectPipe } from 'src/app/components/shared/pipes/filter-project/filter-project.pipe';
 
 describe('TimeClockComponent', () => {
   let component: TimeClockComponent;
@@ -11,7 +12,7 @@ describe('TimeClockComponent', () => {
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [TimeClockComponent, ProjectListHoverComponent]
+      declarations: [TimeClockComponent, ProjectListHoverComponent, FilterProjectPipe]
     }).compileComponents();
   }));
 
@@ -197,6 +198,13 @@ describe('TimeClockComponent', () => {
       expect(component.secondsCounterRealTime).not.toEqual(0);
     });
 
+  it('inside timer first if' , () => {
+    component.secondsCounterRealTime = component.secondsCounterRealTime + 58;
+    component.timer();
+    expect(component.minuteCounterRealTime).toEqual(1);
+    expect(component.secondsCounterRealTime).toEqual(0);
+  });
+
     /* ---------------------- ARRIVALS ------------------------------------- */
   it('should execute intern methods of arrivals' , () => {
       const currentDate = new Date();

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

@@ -99,8 +99,9 @@ export class TimeClockComponent  implements OnInit {
    timer() {
     this.secondsCounterRealTime += 1;
     if ( this.secondsCounterRealTime === 59 ) {
-      this.minuteCounterRealTime += 1;
-      this.secondsCounterRealTime = 0;
+      console.log('entroooo');
+      this.minuteCounterRealTime += 1; //1
+      this.secondsCounterRealTime = 0; //0
       if ( this.minuteCounterRealTime === 59 ) {
         this.hourCounterRealTime += 1;
         this.minuteCounterRealTime = 0;

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

@@ -45,4 +45,18 @@ describe('ClockComponent', () => {
     expect(component.showClock).toHaveBeenCalled();
   });
 
+  it('should be verify the init state of vars' , () => {
+    expect(component.hour).toEqual(0);
+    expect(component.minutes).toEqual(0);
+    expect(component.seconds).toEqual(0);
+    expect(component.displayTime).toBeFalsy();
+  });
+
+  it('should enter if and assign the value to vars' , () => {
+    component.showClock();
+    expect(component.hour).toEqual(0);
+    expect(component.minutes).toEqual(0);
+    expect(component.seconds).toEqual(0);
+  });
+
 });

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

@@ -17,6 +17,9 @@ export class ClockComponent implements OnInit {
   constructor() {
     this.showClock();
     this.displayTime = false;
+    this.hour = 0;
+    this.minutes = 0;
+    this.seconds = 0;
     setTimeout(() => {
       this.displayTime = true;
     }, 3000);

src/app/components/shared/pipes/filter-project/filter-project.pipe.spec.ts

@@ -1,8 +1,14 @@
 import { FilterProjectPipe } from './filter-project.pipe';
+import { Project } from '../../../../interfaces/project';
 
 describe('FilterProjectPipe', () => {
   it('create an instance', () => {
     const pipe = new FilterProjectPipe();
     expect(pipe).toBeTruthy();
   });
+
+  it('test method of pipe', () => {
+    expect(new FilterProjectPipe().transform([] , '')).toEqual([]);
+  });
+
 });

src/app/components/shared/pipes/filter-project/filter-project.pipe.ts

@@ -1,15 +1,18 @@
 import { Pipe, PipeTransform } from '@angular/core';
+import { Project } from 'src/app/interfaces';
 
 @Pipe({
   name: 'filterProject'
 })
 export class FilterProjectPipe implements PipeTransform {
 
-  transform(value: any, arg: any): any {
+  transform(value: Project[] = [], arg: string): string[] {
+
     const restultProjects = [];
-    for ( const projects of value ) {
-      if ( projects.name.toLowerCase().indexOf(arg.toLowerCase()) > -1 ) {
-        restultProjects.push(projects);
+    // tslint:disable-next-line: prefer-for-of
+    for ( let i = 0; i < value.length; i++ ) {
+      if ( value[i].name.toLowerCase().indexOf(arg.toLowerCase()) > -1 ) {
+        restultProjects.push(value[i]);
       }
     }
     return restultProjects;

src/app/components/shared/project-list-hover/project-list-hover.component.spec.ts

@@ -1,14 +1,15 @@
 import { async, ComponentFixture, TestBed } from "@angular/core/testing";
 
 import { ProjectListHoverComponent } from "./project-list-hover.component";
+import { FilterProjectPipe } from 'src/app/components/shared/pipes/filter-project/filter-project.pipe';
 
 describe("ProjectListHoverComponent", () => {
   let component: ProjectListHoverComponent;
   let fixture: ComponentFixture<ProjectListHoverComponent>;
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ProjectListHoverComponent]
+      declarations: [ProjectListHoverComponent, FilterProjectPipe]
     }).compileComponents();
   }));
 

src/app/components/shared/project-list/project-list.component.spec.ts

@@ -1,14 +1,15 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { ProjectListComponent } from './project-list.component';
+import { FilterProjectPipe } from 'src/app/components/shared/pipes/filter-project/filter-project.pipe';
 
 describe('ProjectListComponent', () => {
   let component: ProjectListComponent;
   let fixture: ComponentFixture<ProjectListComponent>;
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ ProjectListComponent ]
+      declarations: [ ProjectListComponent, FilterProjectPipe ]
     })
     .compileComponents();
   }));

src/app/components/shared/search-project/search-project.component.spec.ts

@@ -22,4 +22,11 @@ describe('SearchProjectComponent', () => {
   it('should create', () => {
     expect(component).toBeTruthy();
   });
+
+  it('called method' , () => {
+    component.changeFilterProject.emit('angular');
+    component.filterProject = 'angular';
+    component.changeFilterValue();
+    expect(component.filterProject).toEqual('angular');
+  });
 });