透過實際案例了解在 Vuetify(Vite & TypeScript)中如何運用 @vue/test-utils
今天這篇文章,筆者會用一個簡易的「登入頁面」,來介紹 @vue/test-utils 這款套件的常用功能(ex:getComponent、setValue、wrapper.vm、trigger button、Vue Router)
TAG ・ 標籤
共 3 篇文章
今天這篇文章,筆者會用一個簡易的「登入頁面」,來介紹 @vue/test-utils 這款套件的常用功能(ex:getComponent、setValue、wrapper.vm、trigger button、Vue Router)
這篇文章會先帶大家建立 Vuetify 的初始環境(Vue3 & Vite & TypeScript),並導入「Vue Test Utils」這款測試工具。
筆者自首,過去我只撰寫後端測試,總是忽略前端測試的重要性。 當初會這樣,是因為經手的專案規格變動頻繁,感覺測試寫完沒多久就要棄用;但近期與業界的朋友聊天時,他們跟我強調了 TDD(Test-Driven Development),也就是「測試驅動開發」的概念。