All Projects → vire → Jest Vue Preprocessor

vire / Jest Vue Preprocessor

Licence: mit
Preprocessor that allows importing of .vue files in jest tests

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Jest Vue Preprocessor

Jest Extended
Additional Jest matchers 🃏💪
Stars: ✭ 1,763 (+1225.56%)
Mutual labels:  jest
Surelog
SystemVerilog 2017 Pre-processor, Parser, Elaborator, UHDM Compiler. Provides IEEE Design/TB C/C++ VPI and Python AST API.
Stars: ✭ 116 (-12.78%)
Mutual labels:  preprocessor
Modern Monorepo Boilerplate
Modern Monorepo Boilerplate with Lerna, TypeScript, React/CRA, HMR, Jest, ESLint/TypeScript.
Stars: ✭ 127 (-4.51%)
Mutual labels:  jest
Vlackjack
Blackjack built with Vue.js and vuex
Stars: ✭ 109 (-18.05%)
Mutual labels:  jest
Sketchmine
Tools to validate, generate and analyse sketch files from web pages
Stars: ✭ 114 (-14.29%)
Mutual labels:  jest
Cypress And Jest
Cypress and Jest both with code coverage running unit tests
Stars: ✭ 123 (-7.52%)
Mutual labels:  jest
What The Splash
Tutorial for building an unsplash image gallery with redux saga :atom:
Stars: ✭ 107 (-19.55%)
Mutual labels:  jest
Next Advanced Apollo Starter
Advanced, but minimalistic Next.js pre-configured starter with focus on DX
Stars: ✭ 131 (-1.5%)
Mutual labels:  jest
Reeakt
A modern React boilerplate to awesome web applications
Stars: ✭ 116 (-12.78%)
Mutual labels:  jest
Typescript React Redux
A TypeScript-enabled react/redux application
Stars: ✭ 126 (-5.26%)
Mutual labels:  jest
Gest
👨‍💻 A sensible GraphQL testing tool - test your GraphQL schema locally and in the cloud
Stars: ✭ 109 (-18.05%)
Mutual labels:  jest
Java Comment Preprocessor
The Most Powerful Multi-Pass Java Preprocessor
Stars: ✭ 111 (-16.54%)
Mutual labels:  preprocessor
Rest
REST API generator with Node.js, Express and Mongoose
Stars: ✭ 1,663 (+1150.38%)
Mutual labels:  jest
Cooky Cutter
🍪 Object factories for testing in TypeScript
Stars: ✭ 109 (-18.05%)
Mutual labels:  jest
Mhy
🧩 A zero-config, out-of-the-box, multi-purpose toolbox and development environment
Stars: ✭ 128 (-3.76%)
Mutual labels:  jest
Jus
🍉 An opinionated tool for making static websites with browserify
Stars: ✭ 107 (-19.55%)
Mutual labels:  preprocessor
Typescript Snapshots Plugin
Snapshots language service support for Typescript
Stars: ✭ 122 (-8.27%)
Mutual labels:  jest
Preprocessor
A future-facing CSS preprocessor (used by SUIT CSS)
Stars: ✭ 132 (-0.75%)
Mutual labels:  preprocessor
Gatsby Starter Lumen
A constantly evolving and thoughtful architecture for creating static blogs.
Stars: ✭ 1,797 (+1251.13%)
Mutual labels:  jest
Expect More
Curried Type Testing library, and Test Matchers for Jest
Stars: ✭ 124 (-6.77%)
Mutual labels:  jest

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].