6

我正在尝试使用jest由@nrwl/nx. 我已按照本文将我的应用程序从 using 转换karma为jest.

我遇到的问题是，即使我的测试通过了，由于某种原因，控制台中会显示以下错误：

console.error node_modules/jsdom/lib/jsdom/virtual-console.js:29
Error: Error: connect ECONNREFUSED 127.0.0.1:80
    at Object.dispatchError (\node_modules\jsdom\lib\jsdom\living\xhr-utils.js:65:19)
    at Request.client.on.err (\node_modules\jsdom\lib\jsdom\living\xmlhttprequest.js:676:20)
    at Request.emit (events.js:187:15)
    at Request.onRequestError (\node_modules\request\request.js:881:8)
    at ClientRequest.emit (events.js:182:13)
    at Socket.socketErrorListener (_http_client.js:391:9)
    at Socket.emit (events.js:182:13)
    at emitErrorNT (internal/streams/destroy.js:82:8)
    at emitErrorAndCloseNT (internal/streams/destroy.js:50:3)
    at process._tickCallback (internal/process/next_tick.js:63:19) undefined

我只有一项测试，即：

import { TestBed, async } from '@angular/core/testing';
import { AppComponent } from './app.component';
import { RouterTestingModule } from '@angular/router/testing';

import { CommonUtilsModule } from '@lib/common-utils';

describe('AppComponent', () => {
  beforeEach(async(() => {
    TestBed.configureTestingModule({
      imports: [RouterTestingModule, CommonUtilsModule],
      declarations: [AppComponent]
    }).compileComponents();
  }));
  it('should create the app', async(() => {
    const fixture = TestBed.createComponent(AppComponent);
    const app = fixture.debugElement.componentInstance;
    expect(app).toBeTruthy();
  }));
});

出于某种原因，如果我删除以下行，则不会显示控制台错误：

const fixture = TestBed.createComponent(AppComponent);

我已经看了几个小时的错误，但似乎无法弄清楚是什么原因造成的。我没有在我的测试或组件中执行任何 http 请求，所以不知道为什么会这样说ECONNREFUSED.

以前有人遇到过这个错误吗？

谢谢

4

2 回答 2

3

当您尝试向不可用的 localhost 服务发出请求时，此消息很常见。

让我们考虑一下我正在运行一个脚本，该脚本使用我在 localhost:80 下执行的 node.js 服务。如果我的节点实例没有运行，我会收到类似你的消息。

我相信正在发生的事情是您已将端口设置为检查 80，这通常更常见的是默认端口为 8080。

于 2018-09-26T00:13:32.550 回答
0

如angular.io上所述compileComponents：

完成配置后，异步编译测试模块。如果任何测试模块组件具有 templateUrl 或 styleUrls，则必须调用此方法，因为获取组件模板和样式文件必须是异步的。看上面。

调用 compileComponents 后，TestBed 配置在当前规范期间被冻结。

所以 Jasmine 和 Angular 原生使用 fetch 来获取 HTML，并且compileComponents必须调用才能使这些 HTML 文件可访问。

我不确定为什么这是必要的，但 JSDOM 显然无法处理这个问题。

我建议您使用包jest-preset-angular来处理使用自定义处理器处理此问题。

确保您遵循他们的 README.md 中的设置说明，因为在撰写此评论时设置有点不稳定，并且不要过多地修改 jest 配置。ts-jest正在重写，并且预设没有赶上最新版本。我强烈建议您仅通过 npm 安装 jest 和预设，以免ts-jest您的工作区中没有不兼容的版本。这很关键，因为ts-jest不遵循语义版本控制。

另一件需要注意的事情是，断点只有在你用--runInBand/运行时才有效-i。如果你运行--watch，带内运行将不起作用，并且断点只会命中，如果你只测试一个文件（你可以使用文件名正则表达式模式来实现）。多个文件将在多个进程中进行测试，我猜这些文件没有在检查模式下运行，并且 vscode/您最喜欢的调试器无法连接到。

于 2018-11-24T13:43:37.487 回答