在 Vuetify(Vite & TypeScript)中導入單元測試 Unit Testing
這篇文章會先帶大家建立 Vuetify 的初始環境(Vue3 & Vite & TypeScript),並導入「Vue Test Utils」這款測試工具。
TAG ・ 標籤
共 4 篇文章
這篇文章會先帶大家建立 Vuetify 的初始環境(Vue3 & Vite & TypeScript),並導入「Vue Test Utils」這款測試工具。
一個功能底下可能有很多函式,因此我們要對它進行分組(describe);當我們想測試特定情境時,可以在測試前增加資料(Setup)並於測試後移除(Teardown);為了讓單元測試更存粹,可以透過模擬函式(Mock function)減少相依性。
這篇文章會從建立專案開始,依序帶你了解需要設定的環境、單元測試的結構,接著帶你完成第一個單元測試。 在對單元測試有基礎的概念後,會透過實際的範例讓你了解不同匹配器(Matchers)的使用時機,話不多說,我們直接開始吧!
筆者自首,過去我只撰寫後端測試,總是忽略前端測試的重要性。 當初會這樣,是因為經手的專案規格變動頻繁,感覺測試寫完沒多久就要棄用;但近期與業界的朋友聊天時,他們跟我強調了 TDD(Test-Driven Development),也就是「測試驅動開發」的概念。