透過實際案例了解在 Vuetify(Vite & TypeScript)中如何運用 @vue/test-utils
今天這篇文章,筆者會用一個簡易的「登入頁面」,來介紹 @vue/test-utils 這款套件的常用功能(ex:getComponent、setValue、wrapper.vm、trigger button、Vue Router)
TAG ・ 標籤
共 4 篇文章
今天這篇文章,筆者會用一個簡易的「登入頁面」,來介紹 @vue/test-utils 這款套件的常用功能(ex:getComponent、setValue、wrapper.vm、trigger button、Vue Router)
這篇文章會先帶大家建立 Vuetify 的初始環境(Vue3 & Vite & TypeScript),並導入「Vue Test Utils」這款測試工具。
筆者自首,過去我只撰寫後端測試,總是忽略前端測試的重要性。 當初會這樣,是因為經手的專案規格變動頻繁,感覺測試寫完沒多久就要棄用;但近期與業界的朋友聊天時,他們跟我強調了 TDD(Test-Driven Development),也就是「測試驅動開發」的概念。
有了框架後做什麼都很方便,但因為太方便導致有時連工具負責哪一塊都功能有點霧颯颯,如果你搞不太懂 Vue、Veux、Vuetify、Nuxt.js 之間的關係、具體各自負責什麼事情的話可以參考這篇文章釐清自己的觀念喔!