【Vue Test Utils】複数の `it` を行うと`$validator` にデータがどんどん蓄積されてしまう問題を解決

はじめに

VeeValidateを使っているコンポーネントを対象に複数の it を使ってテストしています。
$validator が前の it でのデータを保有したまま次の it を実行するため、データがどんどん蓄積されています。
そのせいで、2つ目以降の it テストで期待した通りの結果が返ってこなくて FAIL になってしまいます。

wrapper.vm.$validator // これにデータが蓄積されてしまう

解決方法

$validator がリセットされれば良いので、 xx.spec.js の中に

  afterEach(() => {
    wrapper.vm.$validator.reset()
    wrapper.destroy()
  })

を入れてあげます。
これで it ごとに$validatorがリセットされるようになり、期待した通りの結果が返ってくるようになりました。

おわりに

VeeValidateを使っているコンポーネントを対象にしたテストを行うときは$validatorの状態に気をつけようと思いました。