Vue3でprovide/injectを使用しているときのVue Test Utilsでのテストの書き方

結論

• Vue Test Utils 2 ではglobalオプションを使ってprovideするよ

v2 の provide/inject に関する変更

変更点

• provideオプション → 廃止
• globalオプション → 追加

v1ではマウンティングオプションのprovideを使用していた。
しかし、v2ではprovideオプションがなくなり、代わりにglobalオプションが用意された。

新しいprovide方法

Before

const wrapper = mount(Component, {
  provide: {
    Theme: 'dark'
  }
})

After

const wrapper = mount(Component, {
  global: {
    provide: {
      Theme: 'dark'
    }
  }
})

詳しいことは ↓ を参照