単体テストの実行時に Vue Pinia の関数が onMounted で定義されていない

Question

コンポーネントと、状態といくつかの操作を含む Pinia ストアがあります。コードはブラウザーと E2E (サイプレス) テストでは完全に正常に実行されますが、単体テストでは失敗します。私はvue-testing-utilsとvitestを使用しています。

単体テストからのストアド関数の呼び出しは、ボタンをクリックすると正常に機能しますが、その関数がインストールされたスクリプトまたはメイン スクリプト内にある場合、テストは失敗します。

src/components/UsersComponent.vue

リーリー

src/stores/users.store.js

リーリー

src/components/Test/UsersComponent.spec.js

リーリー

単体テストで 2 つの異なるエラーが返されました。 1 つ目は関数が onMounted() で実行しようとしたときのコンソール ログで、2 つ目は vitest が返すものです。

リーリー リーリー

この例は少し基本的で、実際には目的を果たさないことはわかっていますが、壊れることなく onMounted() (または同様の場所) にストアド関数を含める方法を知りたいです。私のすべての単体テスト。

Answer 1

おそらくこれはあなたにとってうまくいくでしょう:

リーリー