javascript nuxt.js项目中的Jest&vue-test-utils配置

Posted 2021-05-04

// package.json

  "jest": {
    "roots": [
      "<rootDir>/tests/unit"
    ],
    "moduleNameMapper": {
      "[\\s\\S]*.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/tests/unit/__mocks__/fileMock.js",
      "[\\s\\S]*.(css|less)$": "<rootDir>/tests/unit/__mocks__/styleMock.js",
      "~/([a-zA-Z0-9/.\\-_]*)": "<rootDir>/src/$1"
    },
    "moduleFileExtensions": [
      "js",
      "vue"
    ],
    "transform": {
      "^.+\\.js$": "<rootDir>/node_modules/babel-jest",
      ".*\\.(vue)$": "<rootDir>/node_modules/jest-vue-preprocessor"
    },
    "modulePathIgnorePatterns": [
      "<rootDir>/tests/unit/coverage/*"
    ],
    "coverageDirectory": "<rootDir>/tests/unit/coverage/",
    "coverageReporters": [
      "html",
      "json"
    ]
  }
  
// __mocks__/styleMock.js
module.exports = {}

// __mocks__/fileMock.js
module.exports = 'test-file-stub'