iT邦幫忙

2023 iThome 鐵人賽

DAY 25
0

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

ItemListPage

/tests use Cypress E2E testing

copilot chat

來看一下測試碼的差別:

https://ithelp.ithome.com.tw/upload/images/20231010/20153820fjGcEzyM0s.jpg

可以看到 Copilot chat 用了像是 as() 的方式來指定一個 alias,然後在後面的測試中就可以用這個 alias 來取得元素,學習到了!

FormPage

/tests use Cypress E2E testing

copilot chat

一樣看一下測試碼的差別:

https://ithelp.ithome.com.tw/upload/images/20231010/20153820rCLZg2xMsW.jpg

結論

因為 Cypress 有 E2E testing 以及 Component Testing 兩種測試種類,所以需要指定 Copilot chat 使用 E2E testing 不然他預設都會是使用 Component Testing。

然後在測試的過程中有發現 Copilot chat 產 Cypress 會寫的比較籠統,一些細節的測試部分比起 Unit Test 來說少很多,不過好像其實有做 Unit Test 的話,的確 E2E testing 就不需要測試那麼細了,所以在這個部分 Copilot chat 產出的測試碼還是可以接受的!


上一篇
[Day 24] React + Cypress 測試
下一篇
[Day 26] Copilot Chat 測試心得
系列文
React 測試 x AI:探索測試新境界,測試不再枯燥乏味!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言