seeschweiler / angular-redux Goto Github PK

  import { Injectable } from '@angular/core';
  import { NgRedux } from '@angular-redux/store';
  import { MyService } from './../../services/my/my.service';
  import { MyModel as ApiMyModel } from '../../../app/services/my/my.model';
  import { MyUIModel } from './MyUI.model';
  import { IAppState } from '../root-reducer-index.type';
  import { MyConstants } from './myConstants.constants';

 @Injectable({
  providedIn: 'root'
  })

  export class MyActions {

 constructor(private _ngRedux: NgRedux<IAppState>, private 
  _myService: MyService) {
 }

  loadData() {
   this._myService.loadData()
    .subscribe((res) => {
        const list = this.mapData(<Array<ApiMyModel>>res);
        this._ngRedux.dispatch({
            type: MyConstants.DATA_LOADED,
            payload: {
                list
            }
        });
     });
   }

   private mapData(list: ApiMyModel[]): MyUIModel[] {
      return list.map(i => {
       let record: MyUIModel = new MyUIModel();
      record.id = i.id;
      record.name = i.name;
      record.imgSrc = i.imgSrc;

     return record;
   });
   }
  }

 import { DevToolsExtension, NgRedux } from '@angular-redux/store';
  import {
  MockNgRedux,
   NgReduxTestingModule,
  } from '@angular-redux/store/testing';
   import { TestBed, getTestBed } from '@angular/core/testing';
   import { HttpClientTestingModule, HttpTestingController } from 
   '@angular/common/http/testing';
  import { MyModel } from '../MyModel.model';
import { MyService } from '../../../services/my/my.service';
import { of } from 'rxjs/internal/observable/of';


describe('MyService', () => {
let injector: TestBed;
let myService: MyService;
let httpMock: HttpTestingController;
let data: MyModel[] = new Array<MyModel>();
let mockNgRedux: NgRedux<any>;
let devTools: DevToolsExtension;

function createData(id: number, name: string, imgSrc: string = '') {
let data: MyModel = new MyModel();
data.id = id;
data.name = name;
data.imgSrc = imgSrc;
return data;
}

function mockData() {
data.push(createData(1, "Puma"));
data.push(createData(2, "Nike"));
data.push(createData(3, "Next"));
data.push(createData(4, "iPhone"));
}

beforeEach(() => {
TestBed.configureTestingModule({
    imports: [NgReduxTestingModule, HttpClientTestingModule],
    providers: [MyService]
});
injector = getTestBed();
mockNgRedux = MockNgRedux.getInstance();
myService = injector.get(MyService);
mockData();
});

describe('#loadData', () => {
it('should have fetched list', () => {


    spyOn(myService, 'loadData').and.returnValue(of(data))

   // Here I need to mock loaddata and this._ngRedux.dispatch and check the result and action been called.

 // Also, need to check that  expect(myService.loadData).toHaveBeenCalled();


});
});
});