【內容簡介】 本書內容改編自第14屆iThome鐵人賽Modern Web組的優選系列文章《「你知道這是什麼嗎?」小白也能輕鬆瞭解的Vue3單元測試!Feat. Vitest + Vue Test Utils》。如果你曾遇過下列的狀況:「調整前端程式碼時改東壞西」、「想要最佳化程式碼卻擔心改壞原先的內容」、「擁有自己的前端開源項目而想要提升項目的品質」,那麼你一定不能錯過「前端測試」這項技術。
本書將循序漸進介紹前端工程師要如何撰寫前端測試程式碼,書籍內容從撰寫測試程式碼所需具備的測試概念開始,再透過範例程式碼來深入運用Vitest、Vue Test Utils等工具,最終學會單元測試、Vue元件測試以及Vue周邊生態工具測試該如何進行,並瞭解如何搭配GitHub Copilot來輔助我們撰寫測試。如此一來,我們便可在不影響原先實作程式碼的情況下,透過撰寫測試程式碼來驗證實作程式碼的正確性,使我們進行重構時更有信心,幫助我們撰寫程式碼時考慮得更周全。
林奇璇(ShawnL) 從甜點師轉職為前端工程師後,就一直對於程式設計的美學深感興趣,「既然甜點能做得如此精緻且美味,為何程式碼不行呢」,抱持著這個想法,不斷專注於要如何精進前端程式設計,並且試著透過不同的角度與方式來雕塑程式碼,在研究了各式各樣的程式設計書籍後,驚覺「測試」是一門精通程式設計的必修課,從此踏上了鑽研前端測試的道路,成為前端測試的傳教士。作者曾在{Laravel x Vue}Conf及LearnWeb Taiwan等活動中擔任講者,分享前端測試的知識與價值。