jest-vue-preprocessor

jest-vue-preprocessor

A locoslab/vue-typescript-jest JavaScript port to allow Jest load .vue files in tests. This package supports both ES6 (Babel) and TypeScript.

Portions both preprocessors are heavily based vueify (Copyright (c) 2014-2016 Evan You).

Installation

1. add package you your project

• yarn add --dev jest-vue-preprocessor or npm install --saveDev jest-vue-preprocessor

2. modify package.json's jest section by adding/editing moduleFileExtensions and transform properites:

   "jest": {
     "moduleFileExtensions": [
       "js",
       "vue"
     ],
     "mapCoverage": true,
     "transform": {
       "^.+\\.js$": "<rootDir>/node_modules/babel-jest",
       ".*\\.(vue)$": "<rootDir>/node_modules/jest-vue-preprocessor"
     }
   }
   

3. Start writing test that can import *.vue components - see example ./tests/index.spec.js

4. Profit!

Customization

• non-relative component imports - you properly set jest's moduleMapper option - see #25

Contributing guide

License: MIT