NO_ERRORS_SCHEMA 在 angular 中停止 Karma 测试

Question

我正在使用 Angular 测试设置。当我测试内部嵌套组件的组件时，这会给我错误，这就是为什么我需要模拟这些组件。

Angular 测试文档向我们展示了模拟组件的其他方法 - 使用 NO_ERRORS_SCHEMA。当我尝试使用它时（无论是在无头模式还是使用 Chrome 的正常模式下），我的测试都会停止工作。信息看起来像这样

24 03 2019 18:48:45.750:INFO [launcher]: Starting browser Chrome
24 03 2019 18:48:49.599:WARN [karma]: No captured browser, open 
http://localhost:9876/    
24 03 2019 18:48:49.644:INFO [HeadlessChrome 73.0.3683 (Ubuntu 
0.0.0)]: Connected on socket cQvumAWhGFfzQWh0AAAA with id 98993378

在浏览器模式下，我只能看到信息：

Karma v4.0.1 - connected
Chromium 73.0.3683 (Ubuntu 0.0.0) is idle

当我运行我的测试没有 [NO_ERRORS_SCHEMA] 时，我可以看到我的测试结果，这就是错误与此架构设置相关的原因。

我的组件规范设置：

import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { ContactComponent } from './contact.component';
import { NO_ERRORS_SCHEMA } from '@angular/compiler/src/core';

describe('ContactComponent', () => {
  let component: ContactComponent;
  let fixture: ComponentFixture<ContactComponent>;

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

  beforeEach(() => {
    fixture = TestBed.createComponent(ContactComponent);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });

  it('should create', () => {
    expect(component).toBeFalsy();
  });
});

问题是 - make tests 如何与 NO_ERRORS_SCHEMA

一起工作

我的机器 - Ubuntu 18.04，节点 11.11

"jasmine-core": "~3.3.0",
"jasmine-spec-reporter": "~4.2.1",
"karma": "^4.0.1",
"karma-chrome-launcher": "~2.2.0",
"karma-cli": "~2.0.0",
"karma-coverage-istanbul-reporter": "^2.0.5",
"karma-jasmine": "~2.0.1",
"karma-jasmine-html-reporter": "^1.4.0",

Answer 1

我似乎没有找到答案。在 devtools 控制台内的 Chrome 测试浏览器 window 中，我发现了一个提示 -

Uncaught Error: Cannot find module 'tslib'
at webpackEmptyContext

谷歌搜索，给了我答案 - NO_ERRORS_SCHEMA 的导入声明不正确。

import { NO_ERRORS_SCHEMA } from '@angular/compiler/src/core';

我改成这个后达到了预期的效果：

import { NO_ERRORS_SCHEMA } from '@angular/core';

NO_ERRORS_SCHEMA 在 angular 中停止 Karma 测试

NO_ERRORS_SCHEMA stops Karma test working in angular

karma-runner

karma-jasmine

angular