Preprocessor that allows importing of .vue files in jest tests
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github
test
transforms
.babelrc
.editorconfig
.eslintrc
.gitignore
.prettierignore chore(jest): Remove `mapCoverage` from jest settings (#56) Mar 13, 2018
.travis.yml
.yarnrc chore: Add semantic versioning support and conventional changelog (#14) Apr 1, 2017
CHANGELOG.md
CONTRIBUTING.md
LICENSE
README.md
index.js
package.json
tsconfig.json
yarn.lock

README.md

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": {
        "^.+\\.js$": "<rootDir>/node_modules/babel-jest",
        ".*\\.(vue)$": "<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