DynamicTestModule 在 angular 单元测试时抛出错误

Question

我目前正在使用 Karma 和 Jasmine 创建单元测试：

describe('ProfileListComponent', () =>  {
let component: ProfileListComponent;

beforeEach(async(() => {
    TestBed.configureTestingModule({
        imports: [
            [RouterModule.forRoot([])],
            FormsModule
        ],
        declarations: [
            ProfileListComponent,
            ProfilesFiltersComponent,
            DatatableComponent,
            ProfileImagePopoverComponent,
            NgbHighlight,
            NgbRating,
            PaginationFooterComponent
        ],
        providers: []
    }).compileComponents();

    TestBed.configureTestingModule({
        declarations: [ ProfileListComponent ]
    })
    .createComponent(ProfileListComponent);
}));


it('should be 4', async(() => {
    expect(component.add(2,2)).toEqual(4);
}))

});

配置文件列表组件有很多子项，这就是我在declarations中导入它们的原因。 ProfilesFiltersComponent使用 angular Forms 作为：

HTML：

TS

export class ProfilesFiltersComponent implements OnInit {
 filterForm: FormGroup;
}

因此，测试要求我提供表单组：

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

所以我将它添加到测试declarations中：

 declarations: [
    ...
    FormGroup
    ]

但现在它抛出一个新错误：

失败：模块“DynamicTestModule”声明的意外值“FormGroup”。 请添加 @Pipe/@Directive/@Component 注解。

我不知道如何解决； 我究竟做错了什么？

Answer 1

从declarations中删除FormGroup 。

尝试将导入更改为此：

imports: [
            RouterTestingModule,
            // You either need FormsModule or ReactiveFormsModule
            FormsModule,
            ReactiveFormsModule
        ],