web-dev-qa-db-ja.com

Vue vue-test-utilsを使用した単体テストの計算されたプロパティの設定

vue-test-utilsは、計算されたプロパティの状態を設定できるsetComputedメソッドを提供します。

_import { mount } from '@vue/test-utils'
const wrapper = mount(Home)
wrapper.setComputed({loaded: true})
_

vue-test-utilsバージョン1.1.0.betaは、setComputed() has been deprecated and will be removed in version 1.0.0. You can overwrite computed properties by passing a computed object in the mounting optionsを読み取るsetComputedメソッドに対して非推奨の警告をスローしています。

ドキュメントのマウントオプション 計算されたオブジェクトについては言及していません。私は行った

_const wrapper = mount(Home, { computed: {loaded: true} })
_

そして

_const wrapper = mount(Home, {context: { computed: {loaded: true} }  })
_

しかし、それらは爆破しました。

Vue-test-utilsの計算プロパティを設定する方法は何ですか？

unit-testingvuejs2vue-test-utils
7
Harold

コンポーネントをマウントするときに、計算されたオプションを上書きできます。

const wrapper = mount(Home, {
  computed: {
    loaded() {
      return true
    }
  }
})

しかし、計算されたモックは危険です。コンポーネントを本番環境では使用できない状態にする場合があります。

13
ittus