「[vee-validate] Validating a non-existent field: "". Use "attach()" first.」エラー問題を解決

はじめに

VeeValidateを使っているコンポーネントをテストしたかったのですが、下記のようにエラーが吐き出されてしまいます。

[vee-validate] Validating a non-existent field: "#2". Use "attach()" first.

解決方法

テスト対象のコンポーネント側に下記の1行を追記します。

  beforeDestroy() { this.$validator.pause() }

おわりに

この答えにたどり着くまで丸二日間かかりました。
it を複数用意して非同期でテストを実行していたのが原因だったかなと思います。（よくわからないけど）