失败的测试角度2应用

Question

有类似的情况，但上面的修复不起作用。这是我的目录树。表单是应用程序的子组件。

app.component.html：

<div class="jumbotron">                                                                           
     <div class="container">                                                                         
      <h1>Simple Curl request</h1>                                                                  
    </div>                                                                                          
 </div>                                                                                            
 <div class="container">                                                                           
   <app-form></app-form>                                                                           
 </div>  

基本上是调用子组件'form'。  在我们调用[formGroup]并发生类似的错误。

失败并显示错误：

  

无法绑定到'formGroup'，因为它不是'form'的已知属性。“

form.component.ts包含标题：

import { FormBuilder, Validators, FormGroup, FormControl } from '@angular/forms';

form.component.html包含：

<div class="card-block">                                                                  |
      <form [formGroup]="cform" (ngSubmit)="doRequest($event)">                               |
        <div class="card form-group">                                                         |
          <div class="card-header">                                                           |
            Authentication                                                                    |
          </div>                                                                              |
          <div class="card-block">                                                            |
            <div class="form-group" formGroupName="authentication">                           |
              <label for="">Type</label>                                                      |
              <select formCon ....

你看到formGroup提到.... 功能上没有问题，但测试用例失败...... 为什么?????????

Answer 1

当您进行测试配置时，您的模块配置未加载，因此请确保告诉所有需要在测试配置中加载的内容

TestBed.configureTestingModule({
      declarations: [Component1, Component2IfUsed],
      providers: [ApiService
        MockBackend, BaseRequestOptions],
      imports: [
        FormsModule,
        ReactiveFormsModule
      ]
    })

因此，基本上在测试配置中，您必须提供依赖注入所需的所有信息。