Почему мой тест с жасмином для компонента с методом в ngOnInit действительно не удался? - PullRequest
Новая
       21

Почему мой тест с жасмином для компонента с методом в ngOnInit действительно не удался?

0 голосов
/ 13 декабря 2018

Я пишу тест для компонента, чтобы проверить его достоверность. Компонент ngOnInit () извлекает данные из локального хранилища и имеет метод, который устанавливает некоторые данные

мой компонент: 

ngOnInit(){
  this.recordState =  JSON.parse(localStorage['mystate']);
      this.populateData();

}

мой тест: 

beforeEach(() => {
    fixture = TestBed.createComponent(TestComponent);
    component = fixture.componentInstance;
    spyOn(localStorage, 'getItem').and.callFake((key: string): String => {
      return JSON.stringify({'mystate': {'testtext': 'hello'}});
  });
  fixture.detectChanges();
});

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

ошибка: 

should create FAILED
        SyntaxError: Unexpected token u in JSON at position 0
            at JSON.parse (<anonymous>)
            at TestComponent.ngOnInit (webpack:///./src/app/TestComponent?:22:46)
            at checkAndUpdateDirectiveInline (webpack:///./node_modules/@angular/core/fesm5/core.js?:9547:19)
            at checkAndUpdateNodeInline (webpack:///./node_modules/@angular/core/fesm5/core.js?:10811:20)
            at checkAndUpdateNode (webpack:///./node_modules/@angular/core/fesm5/core.js?:10773:16)
            at debugCheckAndUpdateNode (webpack:///./node_modules/@angular/core/fesm5/core.js?:11406:38)
            at debugCheckDirectivesFn (webpack:///./node_modules/@angular/core/fesm5/core.js?:11366:13)
            at Object.eval [as updateDirectives] (ng:///DynamicTestModule/SearchActionsComponent_Host.ngfactory.js:10:5)
            at Object.debugUpdateDirectives [as updateDirectives] (webpack:///./node_modules/@angular/core/fesm5/core.js?:11358:21)
...