// Jest（テストフレームワーク）をインストール
npm install --save-dev jest

// @vue/test-utils：Vueの単体テストを行うためのライブラリ
// vue-jest：.vueファイルのトランスパイラー（テストファイルで.vueファイルを使用するため）
npm install --save-dev @vue/test-utils vue-jest
// babelモジュール：jsファイルのトランスパイルを行うため
npm install --save-dev babel-jest @babel/core @babel/preset-env babel-core@^7.0.0-bridge.0

module.exports = {
  // verboseをtrueにすることで、テストケースごとの結果を出力する。なので、trueを設定しておくのが良い。
  // デフォルトはfalseで、テストファイルごとの結果のみの出力となる（各テストケースの結果は不明）
  verbose: true,

  // Jestがファイル探索するディレクトリを指定する。<rootDir>は、設定ファイルのあるディレクトリを指す。
  // 今回はルートのサブディレクトリである 「srcとspecs」のみがJestのアクセスするファイルとしたいので、下記のように定義する（PJ環境に合わせて適宜変える）
  roots: ["<rootDir>/src/", "<rootDir>/specs/"],

  // Jestが読み込む拡張子を定義
  moduleFileExtensions: ['js', 'vue'],

  // ファイルパスのエイリアスを作成
  // 今回は、<rootDir>/src/ のエイリアスを @ に置き換える設定をしている
  // (.*) にあたる部分が $1 で参照されるので、@/test.vue とすると $1 = test.vue となり、<rootDir>/src/test.vueにアクセスできる
  moduleNameMapper: {
    '^@/(.*)$': '<rootDir>/src/$1',
  },

  // ファイルをどのモジュールでトランスパイルするかを設定する
  transform: {
    // .jsファイルをbabel-jestでトランスパイルする
    "^.+\\.js$": "babel-jest",
    // .vueファイルをvue-jestでトランスパイルする
    "^.+\\.vue$": "vue-jest",
  },
}

{
  "presets": ["@babel/preset-env"]
}

"scripts": {
    "test": "jest"
  }

test('mount a vue component', () => {
    console.log("test")
})

import Vue from 'vue'
import vuetify from 'vuetify'

Vue.use(vuetify)