参考にさせていただいたページ mount() | Vue Test Utils サンプルコード たとえばMyComponentの子コンポーネントHogeComponentを置き換えたい場合は、mountするときに以下のようにします。 wrapper = mount(MyComponent, { stubs: { HogeComponent: { templ…

はじめに Vue.nextTick()を使ってDOMを更新して解決できるようなことは、Vue.nextTick()を使うのが良いと思います。 実装上setTimeout()を使っている箇所があったので、テストコードでも100ミリ秒待ってから実行するなどしました。 Vue.nextTick()で非同期に…

参考にさせていただいたページ vue-test-utils公式(英語) Getting Started | Vue Test Utils Testing Asynchronous Behavior | Vue Test Utils vue-test-utils公式(日本語) はじめる | Vue Test Utils 非同期動作のテスト | Vue Test Utils Vue.nextTick()に…

参考にさせて頂いたページ マウンティングオプション | Vue Test Utils はじめに テスト対象のコンポーネント内部に子コンポーネントを配置していて、shallowMount()の引数として特に設定を追加していない場合は、本来自分が配置しているコンポーネントでは…

参考にさせて頂いたページ マウンティングオプション | Vue Test Utils はじめに 子コンポーネント単体でテストをしたいけど、this.$storeを参照しているcomputedなどがあり、テスト実行時にエラーが出たのでどうにかしたかったという経緯があります。 サン…

参考にさせて頂いたページ Mounting Options | Vue Test Utils 要約すると 要約すると「任意のcomputedを上書きしてからtestを実行する。」ということになります。 例 例えばプロダクトのコードで、 window.gon = { hoge: 'example_value' } を用意して、こ…

参考にさせて頂いたページ 公式ドキュメント(日本語版) vue-test-utils | Vue Test Utils 公式リポジトリ vue-test-utils GitHub - vuejs/vue-test-utils: Utilities for testing Vue components vue-test-utils-jest-example GitHub - vuejs/vue-test-util…