@djusv/jest vue preprocessor

Preprocessor that allows importing of .vue files in jest tests

Version: 2.0.0 Updated: 10/10/2019

By: vire License: MIT


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


  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": [
      "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!


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

    Contributing guide

    License: MIT

Categories: Vue js