Update unit tests.

2 files changed, 31 insertions, 13 deletions

diff --git a/Timeline/ClientApp/src/app/todo-item/todo-item.component.spec.ts b/Timeline/ClientApp/src/app/todo-item/todo-item.component.spec.ts
index 7ec7d768..245f9141 100644
--- a/Timeline/ClientApp/src/app/todo-item/todo-item.component.spec.ts
+++ b/Timeline/ClientApp/src/app/todo-item/todo-item.component.spec.ts
@@ -1,25 +1,53 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { TodoItemComponent } from './todo-item.component';
+import { WorkItem } from '../todo-list-page/todo-list.service';
+import { By } from '@angular/platform-browser';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 
 describe('TodoItemComponent', () => {
   let component: TodoItemComponent;
   let fixture: ComponentFixture<TodoItemComponent>;
 
+  let mockWorkItem: WorkItem;
+
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ TodoItemComponent ]
-    })
-    .compileComponents();
+      declarations: [TodoItemComponent],
+      schemas: [NO_ERRORS_SCHEMA]
+    }).compileComponents();
   }));
 
   beforeEach(() => {
+    mockWorkItem = {
+      id: 0,
+      title: 'Title',
+      closed: true,
+      detailUrl: '/detail',
+      iconUrl: '/icon'
+    };
+
     fixture = TestBed.createComponent(TodoItemComponent);
     component = fixture.componentInstance;
+    component.item = mockWorkItem;
     fixture.detectChanges();
   });
 
   it('should create', () => {
     expect(component).toBeTruthy();
   });
+
+  it('should set icon', () => {
+    expect(fixture.debugElement.query(By.css('img.item-icon')).properties['src']).toBe(mockWorkItem.iconUrl);
+  });
+
+  it('should set title', () => {
+    expect((fixture.debugElement.query(By.css('span.item-title')).nativeElement as HTMLSpanElement).textContent).toBe(
+      mockWorkItem.id + '. ' + mockWorkItem.title
+    );
+  });
+
+  it('should set detail link', () => {
+    expect(fixture.debugElement.query(By.css('a.item-detail-button')).properties['href']).toBe(mockWorkItem.detailUrl);
+  });
 });
diff --git a/Timeline/ClientApp/src/app/todo-list-page/todo-list-page.component.spec.ts b/Timeline/ClientApp/src/app/todo-list-page/todo-list-page.component.spec.ts
index 9543f7ad..590c5ef0 100644
--- a/Timeline/ClientApp/src/app/todo-list-page/todo-list-page.component.spec.ts
+++ b/Timeline/ClientApp/src/app/todo-list-page/todo-list-page.component.spec.ts
@@ -68,14 +68,4 @@ describe('TodoListPageComponent', () => {
     fixture.detectChanges();
     expect(fixture.debugElement.query(By.css('mat-progress-bar'))).toBeFalsy();
   }));
-
-  it('should set href on item title', fakeAsync(() => {
-    fixture.detectChanges();
-    tick();
-    fixture.detectChanges();
-
-    fixture.debugElement.queryAll(By.css('a.item-title')).forEach((element, index) => {
-      expect(element.properties['href']).toBe(mockWorkItems[index].detailUrl);
-    });
-  }));
 });