Модульное тестирование Angular / NgRx не может создать TestBed - PullRequest
Новая
       22

Модульное тестирование Angular / NgRx не может создать TestBed

0 голосов
/ 06 ноября 2019

При разработке компонента, требующего и сохраняющего NgRx, набор тестов завершается неудачно, и я получаю сообщение о том, что ...

'Не удается разрешить все параметры для NavComponent: (?).' 

  ● AppComponent › should create the app

    Can't resolve all parameters for NavComponent: (?).

      at syntaxError (../packages/compiler/src/util.ts:100:17)
      at CompileMetadataResolver._getDependenciesMetadata (../packages/compiler/src/metadata_resolver.ts:957:27)
      at CompileMetadataResolver._getTypeMetadata (../packages/compiler/src/metadata_resolver.ts:836:20)
      at CompileMetadataResolver.getNonNormalizedDirectiveMetadata (../packages/compiler/src/metadata_resolver.ts:377:18)
      at CompileMetadataResolver.loadDirectiveMetadata (../packages/compiler/src/metadata_resolver.ts:224:11)
      at ../packages/compiler/src/jit/compiler.ts:135:36
          at Array.forEach (<anonymous>)
      at ../packages/compiler/src/jit/compiler.ts:133:65
          at Array.forEach (<anonymous>)
      at JitCompiler._loadModules (../packages/compiler/src/jit/compiler.ts:130:71)
      at JitCompiler._compileModuleAndAllComponents (../packages/compiler/src/jit/compiler.ts:115:32)
      at JitCompiler.compileModuleAndAllComponentsAsync (../packages/compiler/src/jit/compiler.ts:69:33)
      at CompilerImpl.compileModuleAndAllComponentsAsync (../packages/platform-browser-dynamic/src/compiler_factory.ts:69:27)
      at TestingCompilerImpl.compileModuleAndAllComponentsAsync (../../packages/platform-browser-dynamic/testing/src/compiler_factory.ts:57:27)
      at TestBedViewEngine.compileComponents (../../packages/core/testing/src/test_bed.ts:362:27)
      at Function.TestBedViewEngine.compileComponents (../../packages/core/testing/src/test_bed.ts:160:66)
      at src/app/app.component.spec.ts:32:8
      at ZoneDelegate.Object.<anonymous>.ZoneDelegate.invoke (node_modules/zone.js/dist/zone.js:391:26)
      at ProxyZoneSpec.Object.<anonymous>.ProxyZoneSpec.onInvoke (node_modules/zone.js/dist/proxy.js:129:39)
      at ZoneDelegate.Object.<anonymous>.ZoneDelegate.invoke (node_modules/zone.js/dist/zone.js:390:52)
      at Zone.Object.<anonymous>.Zone.run (node_modules/zone.js/dist/zone.js:150:43)

Моя конфигурация тестового стенда 

describe('AppComponent', () => {
  let router: Router;
  let location: Location;
  let store: MockStore<ApplicationState>;
  const initialState: ApplicationState = {
    root: {
      user: null,
      tabs: null
    }
  };

  beforeEach(() => {
    TestBed.configureTestingModule({
      imports: [RouterTestingModule.withRoutes(routes), MaterialsModule],
      declarations: [AppComponent, NavComponent],
      providers: [provideMockStore({ initialState })]
    }).compileComponents();
    router = TestBed.get(Router);
    location = TestBed.get(Location);
    store = TestBed.get<Store<ApplicationState>>(Store);

    router.initialNavigation();
  });

Компонент 

@Component({
  selector: 'af3-nav',
  templateUrl: './nav.component.html',
  styleUrls: ['./nav.component.css']
})
export class NavComponent implements OnInit {
  tabs$: Observable<NavTab[]>;
  constructor(private store: Store<fromStore.ApplicationState>) {}

  ngOnInit() {
    // this.tabs$ = this.store.pipe(select(fromStore.selectTabsForUserState));
  }
}

Я также пытался импортировать StoreModule, но в соответствии с ngrx.io , в этом нет необходимости, поскольку provideMockStore() настраивает всех поставщиков, необходимых для настройки редукторов.

Ошибка и трассировка стека не очень полезны.

Заранее спасибо за любыеhelp.

ОБНОВЛЕНИЕ: выясняется, что испытательный стенд не может внедрить ЛЮБЫЕ сервисы, на которые есть ссылки. Я создал тестовую службу и попытался запустить тест, но получил те же ошибки при выполнении тестов.

ОБНОВЛЕНИЕ: NGRX определенно не проблема. Чтобы добавить больше контекста, я пытался отследить эту проблему. В настоящее время никакие поставщики не могут быть решены. Я заменяю Жасмин на Jest и похоже, что Jest может быть проблемой.

1 Ответ

0 голосов
/ 07 ноября 2019

решено: После большого разочарования и исследований я нашел ответ здесь jest-perst-angular Проблема .

Добавление emitDecoratorMetadata: true к tsconfig.spec.json было ключом.

...