import {async, ComponentFixture, TestBed} from '@angular/core/testing';

import {GameListComponent} from './game-list.component';
import {BrowserModule, By} from '@angular/platform-browser';
import {APP_BASE_HREF, CommonModule} from '@angular/common';
import {FormsModule, ReactiveFormsModule} from '@angular/forms';
import {HttpClientModule} from '@angular/common/http';
import {Store, StoreModule} from '@ngrx/store';
import {RouterModule} from '@angular/router';
import {EffectsModule} from '@ngrx/effects';
import {GamesService} from '../shared/games.service';
import {PlatformsService} from '../shared/platforms.service';
import {ExtractNamesPipe} from '../../shared/extract-names.pipe';
import {MockStore} from '../store/mock-store';

describe('GameListComponent', () => {
  let component: GameListComponent;
  let fixture: ComponentFixture<GameListComponent>;

  beforeEach(async(() => {
    TestBed.configureTestingModule({
      imports: [
        BrowserModule,
        CommonModule,
        HttpClientModule,
        FormsModule,
        ReactiveFormsModule,
        RouterModule.forRoot([]),
        StoreModule.forRoot([]),
        EffectsModule
      ],
      declarations: [
        GameListComponent,
        ExtractNamesPipe
      ],
      providers: [
        GamesService,
        PlatformsService,
        {provide: APP_BASE_HREF, useValue: '/'},
        {
          provide: Store, useValue: new MockStore({
          games: {
            data: [
              {
                'id': 1,
                'image': 'horizon_zero_dawn.jpg',
                'name': 'Horizon Zero Dawn',
                'releaseDate': '2017-02-28',
                'platforms': [
                  2
                ],
                'description': 'Horizon Zero Dawn is an action role-playing video game developed by Guerrilla'
              }, {
                'id': 2,
                'image': 'destiny2.jpg',
                'name': 'Destiny 2',
                'releaseDate': '2017-09-06',
                'platforms': [
                  1,
                  2,
                  3
                ],
                'description': 'Destiny 2 is an online-only multiplayer first-person shooter video game developed by Bungie'
              }
            ],
            selected: null,
            action: 'GET_GAMES',
            done: true
          },
          platforms: {
            data: [
              {
                'id': 1,
                'name': 'Xbox One'
              },
              {
                'id': 2,
                'name': 'PlayStation 4'
              },
              {
                'id': 3,
                'name': 'PC'
              }
            ],
            action: 'GET_PLATFORMS',
            done: true
          }
        })
        }
      ]
    })
      .compileComponents();
  }));

  beforeEach(() => {
    fixture = TestBed.createComponent(GameListComponent);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });

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

  it(`should have the title 'List of Games'`, () => {
    expect(component.title).toEqual('List of Games');
  });
});