[前端自學轉職攻略] 22. 怎麼避免不小心改壞現有功能？

學習寫測試和使用監控工具

隨著專案功能的日益複雜，每次進行功能修改時，必須考慮的情境也隨之增加。在每一次改動時，手動逐一測試所有流程會相當費時費力。此時，撰寫測試便是一個不錯的解決方案。

單元測試

建議從 Jest、Vitest 中擇一學習，再搭配 testing-library。

使用以下關鍵字，就能找到許多文章與教學。

• {jest or vitest} {react or vue} {testing-library}

例如：vitest react testing-library

e2e 測試

建議從 Playwright、Puppeteer、Cypress 三者中擇一學習。

應不應該寫測試？ 要寫多少測試？

對於測試有許多不同看法，有人覺得沒有測試的程式碼就是 legacy code，也有人覺得寫測試會拖慢開發效率。個人認為多數情況寫測試是利大於弊的，不過寫測試額外的開發成本、維護成本、CI 執行時間等，也都需要納入考慮。

正因為寫測試有額外成本，更應該讓測試真正發揮作用。建議透過持續在 side project 開發新功能，實際體會哪些測試真正幫你避免改壞功能，而哪些測試只是徒增開發時間。

等累積一些經驗後，可以參考 best practices 來精進技術能力。如之前所提，best practices 並非鐵律，應試著理解原因，評估什麼時候適合使用。

監控工具

除了寫測試外，也可以在 side project 中整合 Sentry 或 Datadog 等第三方服務，來監控程式的運作是否正常。確保當程式出錯時，能及時發現並修復。