调试是Visual Studio代码测试

Question

我想在新创建的VueJs项目中调试Visual Studio代码中用Jest编写的测试。测试用打字稿写成。我认为它与Vue无关。

我已经尝试了一些堆栈溢出的样本，但没有任何效果。我仍然收到此错误：

Jest遇到了意外的令牌

C：\ src \ vue-testing-sample \ tests \ unit \ Caculator.spec.ts：1（{“Object。”：function（module，exports，require，__ dirname，__ filename，global，jest）{import {Calculator}来自“../../src/Calculator”; SyntaxError：ScriptTransformer._transformAndBuildScript中的意外令牌导入（node_modules / jest-runtime / build / script_transformer.js：403：17）

这是一个测试：

import { Calculator } from "../../src/Calculator";

describe("HelloWorld.vue", () => {
    it("adds two number", () => {
        const calculator = new Calculator();
        const result = calculator.add(1, 2);
        expect(result).toBe(3);
    });
});

和我的配置：

 "type": "node",
 "request": "launch",
 "name": "Jest All",
 "program": "${workspaceRoot}/node_modules/jest/bin/jest",
 "args": ["--runInBand"],
 "console": "integratedTerminal",
 "internalConsoleOptions": "neverOpen"

我可以补充说，从默认的Vue Webpack配置中运行控制台的测试工作正常。

Answer 1

这是我在VSCode上调试Jest测试的配置，将它添加到settings.json中的启动配置中

"launch" : {
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Jest",
      "program": "${workspaceRoot}/node_modules/jest/bin/jest.js",
      "args": [
          "-i"
      ],
       "skipFiles": [
        "<node_internals>/**/*.js", "node_modules",
      ]
    },
  ],
}