vue-test-utils +wrapper.vm 的打字稿類型
P粉054616867
P粉054616867 2023-12-26 13:38:11
0
1
537

這裡有一個問題。曾經使用過 typescript vue-test-utils 並嘗試操縱測試的值,例如: wrapper.vm.aCoolRefValueToManipulate = '更酷的東西'?

好吧,我試過了。它有效,但 ts linter 在這個上變得瘋狂,因為它不知道 vm 中的 aCoolRefValueToManipulate 是什麼。

有人知道如何解決這個問題嗎?

linter 告訴我:

Property 'showTopDown' does not exist on type '{ $: ComponentInternalInstance; $data: {}; $props: Partial<{}> & Omit<Readonly<ExtractPropTypes<{}>> & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>; ... 10 more ...; $watch(source: string | Function, cb: Function, options?: WatchOptions<...> | undefined): WatchStopHandle; } & Readonly<...> & Sha...'.ts(2339)

解決方案

一些很酷的傢伙在官方 Vue Discord 伺服器上幫助了我。

(wrapper.vm as any).aCoolRefValueToManipulate 

P粉054616867
P粉054616867

全部回覆(1)
P粉476046165

我們是否有其他方法不使用「any」來存取wrapper.vm的方法?

我剛剛發現這個可以嘗試的東西:

type TestWrapper<T> = VueWrapper<ComponentPublicInstance & T>
let wrapper: TestWrapper<Partial<{ myMethod: () => void }>>

wrapper.vm.myMethod?.()
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板