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).

$3

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:

``javascript
"jest": {
"moduleFileExtensions": [
"js",
"vue"
],
"mapCoverage": true,
"transform": {
"^.+\\.js$": "/node_modules/babel-jest",
".*\\.(vue)$": "/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