iT邦幫忙

2023 iThome 鐵人賽

DAY 22
0
Modern Web

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

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

  • 分享至 

  • xImage
  •  

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

RTK Query 測試

/tests use the store.dispatch to test give me three test case for the endpoints function

copilot chat

可以看到他會自動幫我把 MSW 的設定也產出,就需要額外刪除,還有在引入假資料的時候,也要手動修改。

ItemListPage 測試

/tests follow the rules:

  1. render in beforeEach
  2. mock the '@/services/itemList' in beforeEach
  3. testing the function 'addItem' and 'removeItem' is called correctly

copilot chat

在產測試的時候,可以看到就算已經請他去測試我指定的函式,但他還是沒有遵守我的規則,就需要去額外修改很多部分,導致花的時間跟手寫測試差不多。

結論

這一篇 copilot chat 產測試應該是花我最多時間的,怎麼改指令都沒辦法準確的測試或產出我想要的測試程式碼,所以以像 Redux Toolkit Query 這種複雜的結構,有很多外部依賴或是特別的寫法,還是沒辦法完全的交給 copilot chat 來做,以效率來說還不如自己手寫測試。


上一篇
[Day 21] React + Jest Redux Toolkit Query 測試
下一篇
[Day 23] E2E 測試套件 Cypress 介紹
系列文
React 測試 x AI:探索測試新境界,測試不再枯燥乏味!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言