The Counter-Example stores an object as state

[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 5623c20..0d41cdf 100644 (file)
--- a/src/app/vorgang/vorgang.component.spec.ts
+++ b/src/app/vorgang/vorgang.component.spec.ts
@@ -1,16 +1,23 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { provideMockStore, MockStore } from '@ngrx/store/testing';
 
 import { VorgangComponent } from './vorgang.component';
 
 describe('VorgangComponent', () => {
   let component: VorgangComponent;
   let fixture: ComponentFixture<VorgangComponent>;
+  let mockStore: MockStore;
+
+  const initialState = { vorgang: { counter: 0 } };
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ VorgangComponent ]
+      declarations: [ VorgangComponent ],
+      providers: [ provideMockStore({ initialState }) ]
     })
     .compileComponents();
+
+    mockStore = TestBed.inject(MockStore);
   }));
 
   beforeEach(() => {
@@ -22,4 +29,11 @@ describe('VorgangComponent', () => {
   it('should create', () => {
     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');
+  });
 });