前端測試金字塔：Vitest + RTL + Playwright + MSW 串一條線

資深前端面試一定問測試。測試金字塔在前端的當代版本是 Vitest 跑單元、React Testing Library 跑元件、Playwright 跑端到端、MSW 把網路層攔在中間；四個工具的分工、邊界、flaky 防治串成一條線。內部使用。

#testing#vitest#react-testing-library#playwright#msw#flaky#interview-prep#面試系列#private

問「你怎麼測前端」、「unit test 跟 integration 怎麼分」、「flaky test 怎麼解」——這三題其實是一題：你能不能把測試金字塔在前端的當代工具鏈畫出來。資深前端的標準答案不是「我有寫 unit test」而是「我能解釋為什麼這層測試用這個工具、為什麼不另一個」。這篇把四個工具串成一條線。