node.js - 无法在node devTools下的chrome中使用Jest调试测试用例

标签 node.js reactjs react-native jestjs

enter image description here我刚刚开始使用 Jest。 用于在测试用例文件下进行调试;

  describe("Filter function", () => {
  test("it should filter by a search", () => {
    const input = [
      { id: 1, url: "https://www.google.com" },
      { id: 2, url: "https://www.yahoo.com" },
      { id: 3, url: "https://www.gmail.com" }
    ];

    const output = [{ id: 3, url: "https://www.gmail.com" }];
    debugger;
    expect(filterByTerm(input, "gmail")).toEqual(output);
    debugger;
    expect(filterByTerm(input, "GMAIL")).toEqual(output);
  });

 
});

在项目目录下 - 运行此命令

node --inspect-brk ./node_modules/jest/bin/jest.js --runInBand

运行此命令后显示 Node --inspect-brk node_modules/jest/bin/jest.js --runInBand 调试器监听 ws://127.0.0.1:9229/ab651461-dfe8-4528-8a07-484a4be5db7b 如需帮助,请参阅:https://nodejs.org/en/docs/inspector

打开 chrome://inspect 后,单击打开 Node 专用开发工具 在这里,它打开了窗口,我在其中添加了相同的 src 文件夹并打开了测试文件,但没有进行调试。 请帮忙解决同样的问题

enter image description here 但是,在生成的开发工具窗口中,我看不到任何要调试的内容。我期待一个可以设置断点和检查数据的过程。

最佳答案

运行此命令;

node --inspect-brk ./node_modules/jest/bin/jest.js --runInBand
Debugger listening on ws://127.0.0.1:9229/6a0bb29e-eca2-4a25-b894-a5e803339ec9
For help, see: https://nodejs.org/en/docs/inspector

之后在 Chrome 中输入此网址;

devtools://devtools/bundled/inspector.html?experiments=true&v8only=true&ws=127.0.0.1:9229/6a0bb29e-eca2-4a25-b894-a5e803339ec9

然后再次恢复右侧按钮,再次按F8等待一段时间,调试开始了,就像魅力一样..!在您的测试文件中调试器所在的位置;写的是

再次感谢您! enter image description here

关于node.js - 无法在node devTools下的chrome中使用Jest调试测试用例,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63671251/

相关文章:

javascript - 无法设置未定义 4 的属性 'size'

javascript - 如何在 DropZone.js 中上传较小版本和原始图像?

reactjs - Material-UI CSV/PDF 打印导出无法使用 "@mui/x-data-grid"模块

javascript - 使用字典映射 API 响应并创建对象数组,尝试删除重复项

javascript - react native 异步获取,未定义的错误

reactjs - react native / react 导航 : how do I access a component's state from `static navigationOptions` ?

android - socket.io Android 库认证

javascript - 防止 JavaScript 中使用迭代的嵌套回调

reactjs - 如何链接 React 上下文调度? (钩子(Hook))

react-native - 循环依赖在 React Native 中返回空对象