Collection Page Test

collection-page.spec.ts

import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { RouterTestingModule } from '@angular/router/testing';
import { Store, StoreModule } from '@ngrx/store';
import { By } from '@angular/platform-browser';
import { DebugElement, NO_ERRORS_SCHEMA } from '@angular/core';

import * as fromRoot from '../reducers';
import * as collection from '../actions/collection';
import { ComponentsModule } from '../components';
import { CollectionPageComponent } from './collection-page';

describe('CollectionPageComponent', () => {
  let component: CollectionPageComponent;
  let fixture: ComponentFixture<CollectionPageComponent>;
  let debugElement: DebugElement;
  let store: Store<fromRoot.State>;
  let books;

  beforeEach(async(() => {
    TestBed.configureTestingModule({
      imports: [
        ComponentsModule,
        StoreModule.provideStore(fromRoot.reducer),
        RouterTestingModule
      ],
      declarations: [ CollectionPageComponent ],
      schemas: [
        NO_ERRORS_SCHEMA // ignore unknown elements
      ]
    })
    .compileComponents();
  }));

  beforeEach(() => {
    fixture = TestBed.createComponent(CollectionPageComponent);
    store = TestBed.get(Store);
    component = fixture.componentInstance;
    debugElement = fixture.debugElement;
    fixture.detectChanges();
  });

  beforeEach(() => {
     books = [
        {
          id: 'bookId',
          volumeInfo: {
          title: 'Title',
          subtitle: 'subtitle',
          authors: ['author'],
          publisher: 'publisher',
          publishDate: 'publishDate',
          description: 'description',
          averageRating: 5,
          ratingsCount: 1,
          imageLinks: {
            thumbnail: '',
            smallThumbnail: ''
          }
        }
      }
    ];
  });

  it('should create an instance of CollectionPageComponent', () => {
    expect(component).toBeTruthy();
  });

  it('should display loaded books', () => {
    store.dispatch(new collection.LoadSuccessAction(books));

    fixture.detectChanges();

    const bookItems = debugElement.queryAll(By.css('bc-book-preview'));

    expect(bookItems.length).toEqual(books.length);
  });
});