WIP

[examples/angular-tour-of-heroes] / src / app / vorgang / vorgang.component.spec.ts

diff --git a/src/app/vorgang/vorgang.component.spec.ts b/src/app/vorgang/vorgang.component.spec.ts
index 82595a0..7eb12a4 100644 (file)
--- a/src/app/vorgang/vorgang.component.spec.ts
+++ b/src/app/vorgang/vorgang.component.spec.ts
@@ -1,19 +1,28 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 import { provideMockStore, MockStore } from '@ngrx/store/testing';
+import { MemoizedSelector, State } from '@ngrx/store';
 
 import { VorgangComponent } from './vorgang.component';
+import { VorgangService } from '../vorgang.service';
+import { Vorgang } from '../vorgang';
+import Result = jasmine.Result;
+
+class VorgangServiceStub {}
 
 describe('VorgangComponent', () => {
   let component: VorgangComponent;
   let fixture: ComponentFixture<VorgangComponent>;
   let mockStore: MockStore;
 
-  const initialState = { vorgang: 0 };
+  const initialState = { vorgaenge: [] };
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [ VorgangComponent ],
-      providers: [ provideMockStore({ initialState }) ]
+      providers: [
+        provideMockStore({ initialState }),
+        { provide: VorgangService, useClass: VorgangServiceStub }
+      ]
     })
     .compileComponents();
 
@@ -30,10 +39,19 @@ describe('VorgangComponent', () => {
     expect(component).toBeTruthy();
   });
 
-  it('should render vorgang', () => {
-    const fixture = TestBed.createComponent(VorgangComponent);
-    fixture.detectChanges();
-    const compiled = fixture.debugElement.nativeElement;
-    expect(compiled.querySelector('#vorgang').textContent).toContain('0');
-  });
+//  it('should render empty vorgang-list in the beginning', () => {
+//    fixture.detectChanges();
+//    const compiled = fixture.debugElement.nativeElement;
+//    expect(compiled.querySelector('.vorgang-result')).toBeTruthy();
+//    expect(compiled.querySelector('.vorgang-result > li')).toBeNull();
+//  });
+//
+//  it('should render new vorgang-list', () => {
+//    const vorgang: Vorgang = require('../../mock/vorgang.json');
+//    // mockStore.set
+//    fixture.detectChanges();
+//    const compiled = fixture.debugElement.nativeElement;
+//    expect(compiled.querySelector('.vorgang-result')).toBeTruthy();
+//    expect(compiled.querySelector('.vorgang-result > li')).toBeNull();
+//  });
 });