1. npm i -D jest @vue/test-utils @vue/vue3-jest jest-environment-jsdom @types/jest identity-obj-proxy
  2. npm i -D babel-jest @babel/core @babel/preset-env

在项目的根目录下创建 babel.config.js ,通过配置 Babel 使其能够兼容当前的 Node 版本。

  1. module.exports = {
  2. presets: [['@babel/preset-env', { targets: { node: 'current' } }]],
  3. }
  1. module.exports = {
  2. clearMocks: true,
  3. testEnvironment: "jsdom",
  4. transform: {
  5. "^.+\\.vue$": "@vue/vue3-jest",
  6. "^.+\\.{js|jsx|ts|tsx}$": "babel-jest"
  7. },
  8. transformIgnorePatterns: [
  9. '/node_modules/',
  10. ],
  11. moduleNameMapper: {
  12. "//.(css|less|scss|sass)$": "identity-obj-proxy"
  13. }
  14. }

package.json

  1. // package.json
  2. {
  3. "scripts": {
  4. "test": "jest"
  5. }
  6. }