В тестовом наборе Angular2 + нет провайдера для NgControl - PullRequest
Новая
       11

В тестовом наборе Angular2 + нет провайдера для NgControl

0 голосов
/ 30 мая 2018

Я пытаюсь проверить угловой компонент, который имеет довольно много зависимостей.Но в тестовом примере ожидаем (компонент) .toBeTruthy ();завершается с ошибкой: Нет поставщика для NgControl.Полное сообщение об ошибке следующее: 

Chrome 66.0.3359 (Mac OS X 10.13.4) configurator component unit tests has a configurator FAILED
                    </div>
                    [ERROR ->]<form *ngIf="!loading" class="form" [formGroup]="options">
                        <mat-form-field>
                    <form *ngIf="!loading" class="form" [formGroup]="options">
                        <mat-form-field>
                        <mat-form-field>
                            [ERROR ->]<input matInput #input placeholder="{{'customer.lastname' | translate}}" formControlName="lastname">
                        <mat-form-field>
                            [ERROR ->]<input matInput placeholder="{{'customer.email' | translate}}" formControlName="email">
error properties: Object({ ngSyntaxError: true, ngParseErrors: [ No provider for ControlContainer ("
                            <input matIn"): ng:///DynamicTestModule/CustomerComponent.html@12:5, No provider for NgControl ("
                            [ERROR ->]<input matInput #input placeholder="{{'customer.firstname' | translate}}" formControlName="firstname""): ng:///DynamicTestModule/CustomerComponent.html@14:7, No provider for NgControl ("
"): ng:///DynamicTestModule/CustomerComponent.html@18:7, No provider for NgControl ("
                            <mat-e"): ng:///DynamicTestModule/CustomerC ...
Error: Template parse errors:
    at <Jasmine>
    at syntaxError node_modules/@angular/compiler/esm5/compiler.js:486:22)
    at TemplateParser.webpackJsonp../node_modules/@angular/compiler/esm5/compiler.js.TemplateParser.parse node_modules/@angular/compiler/esm5/compiler.js:24674:1)
    at JitCompiler.webpackJsonp../node_modules/@angular/compiler/esm5/compiler.js.JitCompiler._parseTemplate node_modules/@angular/compiler/esm5/compiler.js:34629:1)
    at JitCompiler.webpackJsonp../node_modules/@angular/compiler/esm5/compiler.js.JitCompiler._compileTemplate node_modules/@angular/compiler/esm5/compiler.js:34604:1)
    at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/esm5/compiler.js:34505:48
    at <Jasmine>
    at JitCompiler.webpackJsonp../node_modules/@angular/compiler/esm5/compiler.js.JitCompiler._compileComponents node_modules/@angular/compiler/esm5/compiler.js:34505:1)
    at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/esm5/compiler.js:34393:1
    at Object.then node_modules/@angular/compiler/esm5/compiler.js:475:33)
    at JitCompiler.webpackJsonp../node_modules/@angular/compiler/esm5/compiler.js.JitCompiler._compileModuleAndAllComponents node_modules/@angular/compiler/esm5/compiler.js:34391:1)
Expected undefined to be truthy.
    at <Jasmine>
    at UserContext.<anonymous> src/app/configurator/configurator.component.spec.ts:90:26)
    at ZoneDelegate.webpackJsonp../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke node_modules/zone.js/dist/zone.js:388:1)
    at ProxyZoneSpec.webpackJsonp../node_modules/zone.js/dist/proxy.js.ProxyZoneSpec.onInvoke node_modules/zone.js/dist/proxy.js:128:1)
    at ZoneDelegate.webpackJsonp../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke node_modules/zone.js/dist/zone.js:387:1)
Chrome 66.0.3359 (Mac OS X 10.13.4): Executed 1 of 1 (1 FAILED) (0 secs / 0 secs)
 Chrome 66.0.3359 (Mac OS X 10.13.4) configurator component unit tests has a configurator FAILED
                    </div>
                    [ERROR ->]<form *ngIf="!loading" class="form" [formGroup]="options">
                        <mat-form-field>
                    <form *ngIf="!loading" class="form" [formGroup]="options">
                        <mat-form-field>
                        <mat-form-field>
                            [ERROR ->]<input matInput #input placeholder="{{'customer.lastname' | translate}}" formControlName="lastname">
                        <mat-form-field>
                            [ERROR ->]<input matInput placeholder="{{'customer.email' | translate}}" formControlName="email">
error properties: Object({ ngSyntaxError: true, ngParseErrors: [ No provider for ControlContainer ("
                            <input matIn"): ng:///DynamicTestModule/CustomerComponent.html@12:5, No provider for NgControl ("
                            [ERROR ->]<input matInput #input placeholder="{{'customer.firstname' | translate}}" formControlName="firstname""): ng:///DynamicTestModule/CustomerComponent.html@14:7, No provider for NgControl ("
"): ng:///DynamicTestModule/CustomerComponent.html@18:7, No provider for NgControl ("
                            <mat-e"): ng:///DynamicTestModule/CustomerC ...
Error: Template parse errors:
    at <Jasmine>
    at syntaxError node_modules/@angular/compiler/esm5/compiler.js:486:22)
    at TemplateParser.webpackJsonp../node_modules/@angular/compiler/esm5/compiler.js.TemplateParser.parse node_modules/@angular/compiler/esm5/compiler.js:24674:1)
    at JitCompiler.webpackJsonp../node_modules/@angular/compiler/esm5/compiler.js.JitCompiler._parseTemplate node_modules/@angular/compiler/esm5/compiler.js:34629:1)
    at JitCompiler.webpackJsonp../node_modules/@angular/compiler/esm5/compiler.js.JitCompiler._compileTemplate node_modules/@angular/compiler/esm5/compiler.js:34604:1)
    at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/esm5/compiler.js:34505:48
    at <Jasmine>
    at JitCompiler.webpackJsonp../node_modules/@angular/compiler/esm5/compiler.js.JitCompiler._compileComponents node_modules/@angular/compiler/esm5/compiler.js:34505:1)
    at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/esm5/compiler.js:34393:1
    at Object.then node_modules/@angular/compiler/esm5/compiler.js:475:33)
    at JitCompiler.webpackJsonp../node_modules/@angular/compiler/esm5/compiler.js.JitCompiler._compileModuleAndAllComponents node_modules/@angular/compiler/esm5/compiler.js:34391:1)
Expected undefined to be truthy.
    at <Jasmine>
    at UserContext.<anonymous> src/app/configurator/configurator.component.spec.ts:90:26)
    at ZoneDelegate.webpackJsonp../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke node_modules/zone.js/dist/zone.js:388:1)
    at ProxyZoneSpec.webpackJsonp../node_modules/zone.js/dist/proxy.js.ProxyZoneSpec.onInvoke node_modules/zone.js/dist/proxy.js:128:1)
Chrome 66.0.3359 (Mac OS X 10.13.4): Executed 1 of 1 (1 FAILED) ERROR (0.838 secs / 0 secs)

Я уже включил такие вещи, как FormsModule и RouterTestingModule, но он все еще не работает.

describe('configurator component unit tests', () => {
  let configurator: ConfiguratorComponent;
  let fixture: ComponentFixture<ConfiguratorComponent>;

  beforeEach(async(() => {
    TestBed.configureTestingModule({
      providers: [
        ProductsService,
        OrdersService,
        UdiService,
        CustomersService,
        TranslateService,
        {
          provide: ActivatedRoute, useValue: {
            params: Observable.of({ id: 'test' })
          }
        }
      ],
      declarations: [
        ConfiguratorComponent,
        LoginComponent,
        ForgotpasswordComponent,
        ResetpasswordComponent,
        RegisterComponent,
        ContactComponent,
        CustomerComponent,
        HomeComponent,
        PageNotFoundComponent],
      imports: [
        FormsModule,
        CommonModule,
        TranslateModule,
        MatProgressSpinnerModule,
        MatButtonModule,
        ElementsModule,
        ViewerModule,
        OrdersModule,
        RouterTestingModule],
      schemas: [NO_ERRORS_SCHEMA]
    }).compileComponents(
    ).then(() => {
        fixture = TestBed.createComponent(ConfiguratorComponent);
    configurator = fixture.componentInstance;
    });
  }));

Итак, мне явно не хватает какого-то модуля, но какой?Я довольно плохо знаком с угловым испытательным стендом.

угловая версия: 5.2 версия кармы: 2.0.2 версия карма-жасмин: 1.1.1

О, и это может быть дубликат этого, но так как этот не получил ответа послепредложения, которые я добавил, я думал, что все в порядке.: S Angular2 testcase показывает Нет поставщика для NgControl

1 Ответ

0 голосов
/ 30 мая 2018

Чтобы упростить консолидацию ответов: изначально вам не хватало ReactiveFormsModule.

Чтобы ответить на второй вопрос, вам нужно предоставить TranslateStore в массиве поставщиков для Testbed

...