Question

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

我已经在堆栈溢出上尝试了一些示例，但是没有任何效果。我仍然收到此错误：

玩笑遇到了意外令牌

C：\ src \ vue-testing-sample \ tests \ unit \ Caculator.spec.ts：1 （{“ Object。”：function（module，exports，require，__ dirname，__ filename，global，jest）{import {Calculator} from“ ../../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",
      ]
    },
  ],
}

调试Jest测试Visual Studio代码

1 个答案: