林鼎淵inDean Lin在 Vuetify(Vite & TypeScript)中導入單元測試 Unit Testing這篇文章會先帶大家建立 Vuetify 的初始環境(Vue3 & Vite & TypeScript),並導入「Vue Test Utils」這款測試工具。Jan 19, 2023Jan 19, 2023
林鼎淵inDean Lin透過實際案例了解在 Vuetify(Vite & TypeScript)中如何運用 @vue/test-utils今天這篇文章,筆者會用一個簡易的「登入頁面」,來介紹 @vue/test-utils 這款套件的常用功能(ex:getComponent、setValue、wrapper.vm、trigger button、Vue Router)Jan 19, 2023Jan 19, 2023
林鼎淵inDean Lin認識 Jest 測試框架,開始動手寫單元測試(TypeScript)這篇文章會從建立專案開始,依序帶你了解需要設定的環境、單元測試的結構,接著帶你完成第一個單元測試。 在對單元測試有基礎的概念後,會透過實際的範例讓你了解不同匹配器(Matchers)的使用時機,話不多說,我們直接開始吧!Jan 19, 2023Jan 19, 2023
林鼎淵inDean LinJest 框架進階應用(describe、Setup and Teardown、Mock function)一個功能底下可能有很多函式,因此我們要對它進行分組(describe);當我們想測試特定情境時,可以在測試前增加資料(Setup)並於測試後移除(Teardown);為了讓單元測試更存粹,可以透過模擬函式(Mock function)減少相依性。Jan 19, 2023Jan 19, 2023
林鼎淵inDean Lin想幫前端專案導入測試框架?也許我的想法與學習地圖能給你一點方向筆者自首,過去我只撰寫後端測試,總是忽略前端測試的重要性。 當初會這樣,是因為經手的專案規格變動頻繁,感覺測試寫完沒多久就要棄用;但近期與業界的朋友聊天時,他們跟我強調了 TDD(Test-Driven Development),也就是「測試驅動開發」的概念。May 5, 2023May 5, 2023