jest-vue-preprocessor

Preprocessor that allows importing of .vue files in jest tests

Usage no npm install needed!

<script type="module">
  import jestVuePreprocessor from 'https://cdn.skypack.dev/jest-vue-preprocessor';
</script>

README

jest-vue-preprocessor

Greenkeeper badge Build Status npm version codecov Commitizen friendly

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

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

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

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

  3. Profit!

Customization

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

Contributing guide

License: MIT