使用VMware Clarity模块进行Angular 2单元测试

Question

I'm doing a POC for an angular 2 project that's using VMware's Clarity components. When I run the test runner, I'm getting the following errors:

'clr-main-container' is not a known element:
1. If 'clr-main-container' is an Angular component, then verify that it is part of this module.
2. If 'clr-main-container' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message. ("[ERROR ->]<clr-main-container>

I'm new to angular 2 and I'm not able to find anything on Google.

Answer 1

Hi agillette , you are probably missing the Testbed configuration in your tests. Something like:

 import {async, ComponentFixture, TestBed} from "@angular/core/testing"; import {ClarityModule} from 'clarity-angular'; describe('...', function() { beforeEach(() => { TestBed.configureTestingModule({ imports: [ClarityModule.forRoot()], declarations: [YourTestComponent] }); }); }); 

You can read more about the TestBed here .

Also feel free to check out the Clarity seed for a simple working application with testing wired in.