Угловое тестирование хранилища ngrx `Имя объекта" storeOne "не существует в состоянии` - PullRequest
Новая
       50

Угловое тестирование хранилища ngrx `Имя объекта" storeOne "не существует в состоянии`

1 голос
/ 02 октября 2019

После того, как я просмотрел видео ниже для изолированного тестирования ngrx: Джон Кроусон - Использование MockStore в NgRx 8 |AngularUP

Я пытался реализовать то же самое с моим простым проектом. Но я получаю ошибку, которую не могу понять. кто-нибудь поможет мне решить?

это очень большая помощь для меня.

test ts file: 

import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { provideMockStore, MockStore } from '@ngrx/store/testing';
import { ShellHomeComponent } from './shell-home.component';
import { StoreOne } from './../../models';
import { Store, select } from '@ngrx/store';
import { cold } from 'jasmine-marbles';

describe('ShellHomeComponent', () => {

    let component: ShellHomeComponent;
    let fixture: ComponentFixture<ShellHomeComponent>;
    let mockStore: MockStore<StoreOne>;

    const loadingState = {
        loading: true,
        items: [{ name: '1' }]
    } as StoreOne;

    beforeEach(async(() => {
        TestBed.configureTestingModule({
            declarations: [ ShellHomeComponent ],
            imports: [],
            providers: [provideMockStore({initialState: loadingState})]
        })
        .compileComponents();

        mockStore = TestBed.get(Store);

    }));

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

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

    it('should display loading as true', () => {
        const expected = cold('loading', { loading: false, items: [{ name: '3' }] });
        expect(component.loading).toBeObservable(expected);
    });

});

после запуска я получаю следующую ошибку: 

ShellHomeComponent › should display loading as true

    expect(received).toEqual(expected) // deep equality

    - Expected
    + Received

      Array [
        Object {
          "frame": 0,
          "notification": Notification {
    -       "error": undefined,
    -       "hasValue": true,
    -       "kind": "N",
    -       "value": true,
    -     },
    -   },
    -   Object {
    -     "frame": 10,
    -     "notification": Notification {
    -       "error": undefined,
    +       "error": [TypeError: Cannot read property 'loading' of undefined],
            "hasValue": false,
    -       "kind": "C",
    +       "kind": "E",
            "value": undefined,
          },
        },
      ]

      41 |     it('should display loading as true', () => {
      42 |         const expected = cold('a|', { a: true });
    > 43 |         expect(component.loading).toBeObservable(expected);
         |                                   ^
      44 |     });
      45 |
      46 | });

      at compare (node_modules/jasmine-marbles/bundles/jasmine-marbles.umd.js:379:33)
      at src/app/module1/shell/shell-home/shell-home.component.spec.ts:43:35

  console.warn node_modules/@ngrx/store/bundles/store.umd.js:608
    The feature name "storeOne" does not exist in the state, therefore createFeatureSelector cannot access it.  Be sure it is imported in a loaded module using StoreModule.forRoot('storeOne', ...) or StoreModule.forFeature('storeOne', ...).  If the default state is intended to be undefined, as is the case with router state, this development-only warning message can be ignored.

Test Suites: 1 failed, 1 total
Tests:       1 failed, 1 total
Snapshots:   0 total
Time:        6.321s

1 Ответ

0 голосов
/ 28 октября 2019

У меня была похожая проблема. Мои тесты провалились, потому что state в моем редукторе не было определено. Я также получал в консоли предупреждение о том, что The feature name "my-feature" does not exist in the state's root, therefore createFeatureSelector cannot access it. Be sure it is imported in a loaded module using StoreModule.forRoot('my-feature', ...) or StoreModule.forFeature('my-feature', ...).

Проблема заключалась в том, что я предоставлял макет хранилища для функции , когда мне нужно было предоставить макет хранилища для * 1007. * все приложение.

Попробуйте изменить provideMockStore({initialState: loadingState}) на что-то вроде provideMockStore<State>({initialState: {shellComponent: loadingState}}), где State - это имя глобального состояния вашего приложения (убедитесь, что вы импортируете State из * 1015 вашего приложения. * file, а не @ngrx/store), а shellComponent - это название функции, которую вы тестируете.

...