iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Modern Web

React 測試 x AI:探索測試新境界,測試不再枯燥乏味! 系列

在開發的過程中,總會因為各種原因而不做測試,時程太趕、寫測試太耗時、太無聊等等,但在這個 AI 崛起的時代,我們何不把這些枯燥乏味的測試交給 AI 來做,讓寫測試更加有效率且有趣!
本次將使用 React 介紹基本的測試,以及試著使用 AI 來產出高品質的測試。

鐵人鍊成 | 共 30 篇文章 | 13 人訂閱 訂閱系列文 RSS系列文
DAY 21

[Day 21] React + Jest Redux Toolkit Query 測試

在 Day14 有提到串接 API 使用 @tanstack/react-query 來管理狀態,而在 redux toolkit 也有提供 redux too...

2023-10-06 ‧ 由 Jim 分享
DAY 22

[Day 22] React + Jest Redux Toolkit Query 測試 (AI)

因為 RTK Query 在結構上就比較複雜,在進行 copilot chat 測試的時候,會需要手動修改很多地方。 RTK Query 測試 /tests...

2023-10-07 ‧ 由 Jim 分享
DAY 23

[Day 23] E2E 測試套件 Cypress 介紹

單元測試的測試功能都介紹了差不多了,其實到後來可以發現,基本上單元測試能測的都大同小異,就是一些寫法跟語法的不同而已,介紹完了單元測試,我們來看看要怎麼撰寫端對...

2023-10-08 ‧ 由 Jim 分享
DAY 24

[Day 24] React + Cypress 測試

這一篇來把之前寫的程式碼挑選 itemListPage 跟 formPage 來使用 Cypress 寫測試,並且順便介紹一些基本的語法。 itemListPa...

2023-10-09 ‧ 由 Jim 分享
DAY 25

[Day 25] React + Cypress 測試 (AI)

上一篇介紹了 Cypress 的基本用法,跟一些實際的測試流程,這篇來試著用 Copilot chat 來幫我們寫測試吧! ItemListPage /tes...

2023-10-10 ‧ 由 Jim 分享
DAY 26

[Day 26] Copilot Chat 測試心得

從 Day08 到 Day25 實作結束,我們測試了很多在開發上會使用到的功能,並在每一項的功能測試都導入 Copilot Chat 來幫我們產生測試,這一篇就...

2023-10-11 ‧ 由 Jim 分享
DAY 27

[Day 27] 嫌 Jest 太慢?來看看 SWC 跟 Vitest 吧!

在我們前面在實作測試的時候,不知道大家有沒有覺得 Jest 跑測試好像有點慢欸~雖然公認 Jest 跑測試的速度比 Mocha 跟 Karma 還要快,但是在跑...

2023-10-12 ‧ 由 Jim 分享
DAY 28

[Day 28] 測試守則:如何讓測試更有規範

本系列逐漸來到尾聲~測試也介紹了差不多了,這一篇來談談在寫測試的時候應該要注意的事情,以下都是我個人的經驗,大家可以參考看看~ 1. 測試描述統一語法: 建議在...

2023-10-13 ‧ 由 Jim 分享
DAY 29

[Day 29] 測試搭配 CI/CD 更自動!

在我們前面的實作測試時,都是手動的下指令去跑測試,但是如果忘記去跑測試,那我們寫出來的測試都是白費工,所以接下來就是要試著將測試整合到 CI/CD 流程中,讓測...

2023-10-14 ‧ 由 Jim 分享
DAY 30

[Day 30] 完賽心得

終於來到最後一天了!!我們從為什麼要寫測試,到測試語法的介紹,以及本系列的主題 「React 測試 x AI:探索測試新境界,測試不再枯燥乏味!」,引入了 co...

2023-10-15 ‧ 由 Jim 分享