Question

我正在运行单元测试，并在结果下面看到实际的应用程序页面。如果它应用了样式，那就好了，因为图像等变得庞大而且不值得一看。

这是我的设置代码：

    describe('ResultImageComponent', () => {
       let fixture: ComponentFixture<UserAttributesCardComponent>;
       let component: UserAttributesCardComponent;
       let element: HTMLElement;
       let result: Result;
       let page: Page;

       beforeAll(() => {
          TestBed.resetTestEnvironment();
          TestBed.initTestEnvironment(BrowserDynamicTestingModule,
             platformBrowserDynamicTesting());
       });

       beforeEach(async(() => {
          TestBed.configureTestingModule({
             declarations: [UserAttributesCardComponent],
          }).compileComponents();
       }));

       beforeEach(async(() => {
          fixture = TestBed.createComponent(UserAttributesCardComponent);
          component = fixture.componentInstance;
          createComponent();
       }));

       function createComponent() {
          page = new Page();
          component.user = new UserService().getBen();
          fixture.detectChanges();
          return fixture.whenStable().then(() => {
             fixture.detectChanges();
             page.addPageElements();
          });
       }

正在测试的组件有一个外部模板，可以正常加载，但它也有一个外部样式表，不能加载。这可以在配置试验台时完成吗？

Answer 1

在karma.conf.js文件中，您可以将一组文件添加到配置对象。

files: [
    "../path/to/file.css"
],

在Angular 2中将组件样式表添加到Jasmine测试中

1 个答案: