Jest 测试 Vue 组件报错问题

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 633 天前的主题，其中的信息可能已经有所发展或是发生改变。

test.spec.ts

// test.spec.ts
// import add from "./add";
import { mount } from "@vue/test-utils";
import HelloWorld from "../components/HelloWorld.vue";
describe("test", () => {
  it("first", () => {d);
    expect(wrapper.text()).toConta
    const wrapper = mount(HelloWorlin("Hello world");
  });
});

jest.config.js

module.exports = {
    roots: ["<rootDir>/src", "<rootDir>/packages", "<rootDir>/test"],
    preset: 'ts-jest',
    moduleFileExtensions: ['vue', 'js', 'json', 'jsx', 'ts', 'tsx', 'node'],
    transform: {
      '^.+\\.vue$': '@vue/vue3-jest', // vue 文件用 vue-jest 转换
      '^.+\\.ts$': 'ts-jest', // ts 文件用 ts-jest 转换
      '^.+\\js$': 'babel-jest',
    },
    // 为了修复 Consider using the "jsdom" test environment. 问题
    testEnvironment: "jsdom",
    collectCoverage: true,
    /** 全局 alias */
    moduleNameMapper: {
      "^@/(.*)$": "<rootDir>/src/$1"
    },
    collectCoverageFrom: [
      "**/*.{js,vue}",
      "!**/node_modules/**",
      "!**/vendor/**",
      "!**/coverage/**",
      "!**/*.config.*",
      "!src/main.js"
    ],
    globals: {
      'ts-jest': {
        useESM: true,
        tsConfig: {
          target: 'ES2019'
        },
      }
    }
  };

1 条回复

sonders

2023-02-21 18:20:54 +08:00

已解决。