此篇要教各位如何去撰寫前端的測試流程，測試在CI/CD流程內是不可或缺的一環
例如下方的pipeline圖
開始前先來了解一下主要會使用到的元件
- jest-environment-jsdom：一般也指測試的執行環境（environment），目的是模擬瀏覽器的行為、API，讓開發者能在 Node.js 的環境下模擬瀏覽器的操作
- jest：是一個用來執行 JavaScript 測試的框架（JavaScript Test Framework），又稱 test runner，它讓開發者能夠執行測試、撰寫斷言，提供的 API 像是 expect、describe、test、toBe、toEqual 等等。其他這類的 JS testing frameworks 如 Vitest、mochajs、Jasmine 等等
- @testing-library/jest-dom：原本 Jest 就有提供許多不同的 matchers（例如，toBe()、toEqual()等等），@testing-library/jest-dom則是擴充了更多可以在 Jest 中使用的 matchers，讓開發者可以使用toBeInTheDocument()` 等這類和 DOM 有關的 matchers。
- @testing-library/react：基於 @testing-library/dom，它讓開發者可以把 React 元件 render 到 DOM 上，像是 render、screen、rerender、unmount 等等。不需要搭配 Jest 才能使用。其他這類的工具如 Enzyme。
- @testing-library/user-event：模擬使用者的操作來測試使用者與 UI 的互動。相較於 @testing-library/dom 中的 fireEvent 更能模擬使用者的行為。
- @babel/plugin-transform-modules-commonjs：ESM轉譯成CJS的套件，如果有使用到第三方套件則必須載入。
了解套件後就可以開始設定專案
先安裝套件，可透過以下語法安裝
