vue.jsでjest導入したときのメモ

Vue.js

jest

jestはjsのモダンなテスト用フレームワークです

vue

vueにjestを導入したときのメモを書きます。

jestの導入については公式を参照。

Getting Started · Jest

導入の際にconfigをどこかに記載する必要があります

参考
https://github.com/vuejs/vue-cli/issues/1584

最終的に自分はこんなふうにしました。

module.exports = {
  moduleFileExtensions: ['js', 'jsx', 'json', 'vue'],
  transform: {
    '^.+\\.vue$': 'vue-jest',
    '^.+\\.(js|jsx)?$': 'babel-jest',
  },
  snapshotSerializers: ['jest-serializer-vue'],
  transformIgnorePatterns: ['<rootDir>/node_modules/(?!vee-validate/)'],
};

ハマった箇所

  transformIgnorePatterns: ['<rootDir>/node_modules/(?!vee-validate/)'],

jestを実行したときになぜかvee-validateでexportなんてつかえませんよ！的なエラーが出まして。
vee-validateは変換しません、って設定にしたらうまくいきました。

babel-core

また、

Cannot find module 'babel-core'

というエラーも出ました。
これもよくあるエラーのようです。

qiita.com

まさしくこれで解決。