在vue3+Naive UI下使用Vitest取得n-input輸入值


Posted by hotmaneil on 2024-09-30

由於Naive UI有input元件,名稱為n-input,以Vitest的find和setvalue方式設值會報錯。
因此要改成如下寫法:

const wrapper = shallowMount(LayoutMenu, {

})

const inputAccount = wrapper.find('#inputAccount')
await inputAccount.element.setAttribute('value', '輸入值')

取得方式為:

 const retriveAccountValue = inputAccount.element.getAttribute('value')

特此記錄下來


#Vue #vitest #NaiveUI #n-input







Related Posts

Java 學習筆記 09 – 常用類別套件

Java 學習筆記 09 – 常用類別套件

連接RabbitMQ的AMQP時碰到The protocol requested by peer '0 0 9 1' does not match expected '3 1 0 0之原因與解法

連接RabbitMQ的AMQP時碰到The protocol requested by peer '0 0 9 1' does not match expected '3 1 0 0之原因與解法

IG v.s. FB: A simple A/B testing (paired T-test)

IG v.s. FB: A simple A/B testing (paired T-test)


Comments