---
# System prepended metadata

title: 今晚，就該來點前端測試系列

---

# 今晚，就該來點前端測試系列

### 目錄：
 * [Note: 測試隨意聊 (P-0)](https://hackmd.io/SalT9waXRK6L0vHMfluhqg)
 * [Note : Testing React with Jest and React Testing Library (RTL) (P-1)](https://hackmd.io/@MVgl_X3aRsKvMpFuTyI-Og/B1zfJ083q)：測試生態系介紹
 * [Note : Testing React with Jest and React Testing Library (RTL) (P-2)](https://hackmd.io/@MVgl_X3aRsKvMpFuTyI-Og/rJPtr1P25)：atmos 的狀態測試
 * [Note : Testing React with Jest and React Testing Library (RTL) (P-3)](https://hackmd.io/@MVgl_X3aRsKvMpFuTyI-Og/Bk1wmVOnq)：component 的基本測試
 * [Note : Testing React with Jest and React Testing Library (RTL) (P-4)](https://hackmd.io/@MVgl_X3aRsKvMpFuTyI-Og/BkvbN9K35)：mock data from server
 * 持續更新中......

### 前言：
測試的教學與分享其實很零碎，對零經驗的人比較難系統性地掌握前端測試的精髓，這裡的測試主要是 udemy: Testing React with Jest and React Testing Library (RTL) 這門課程的學習筆記.

還滿推薦這門課程的，很 basic 的手把手帶你走入測試的世界. 有了 basic 的基礎知識後對於延伸或是 deubg 或是查找官方文件都會比較知道要怎麼著手

一直一直都這麼地覺得，前端最漂亮的就是狀態了，狀態究竟要如何管理？

前端的測試本質上就是模仿使用者的操作，驗證你複雜的狀態是否有管理正確ＸＤ

### 目標
團隊前端導入測試，並向成員們分享介紹如何寫前端測試，以及訂定相關前端測試規範.








