iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 11
0
DevOps

持續測試三十天系列 第 11

[Day 11] 看見 TestCafe,又簡單又完整的工具鍊

  • 分享至 

  • xImage
  •  

在筆者用過多種 Web 自動化測試框架後,最後選擇了 TestCafe

TestCafe 具有一個簡單卻又完整的工具鍊,
降低了自動化測試的門檻,讓產品的各角色都可以參與測試。

以下列出 TestCafe 的一些重要連結,

  1. TestCafe Github Repo
  2. TestCafe Docs,具有詳細文件,這是我喜歡 TestCafe 的主因之一
  3. TestCafe Studio (收費工具),使用錄製網頁操作的方式,讓非工程人員也可以參與自動化測試。且錄製下來的腳本,匯出是 json 格式,可以放到 Github 進行版本控制。
    當 RD 需要的時候,也可以透過 TestCafe Studio 將 json 轉換成 javascript 程式碼。
    對於 PM 和 RD 來說,是很棒的自動化測試協作工具。

Web 自動化測試,本身就是個複雜的題目,所以筆者會期望測試工具本身要足夠簡單,
越簡單的測試工具,反而越不容易出錯,可提升測試的成功率。
而當需要查找問題的時候了,簡單的工具也容易排查。

TestCafe 的安裝非常簡單,

npm install -g testcafe

就是那麼簡單,樸實無華!

Web 自動化測試,瀏覽器的多元化和破碎化,是很複雜的測試環境
作業系統:Windows, MacOS, Linux, Android, iOS
瀏覽器:Chrome, Safari, FireFox, Microsoft Edge, IE
版本:通常多版本並存

而 TestCafe 是筆者用過框架裡,支援最多作業系統瀏覽器 的測試框架,

官方支援瀏覽器:

  1. Google Chrome: Stable, Beta, Dev and Canary
  2. Internet Explorer (11+)
  3. Microsoft Edge
  4. Mozilla Firefox
  5. Safari
  6. Google Chrome mobile
  7. Safari mobile

如果還不夠使用,社群也有許多開發者,使用 Browser Provider Plugin,開發了許多瀏覽器的支援插件,放在 NPM 上。

Continuous Integration,完整個 CI 支援:

  1. CircleCI
  2. GitLab
  3. Jenkins
  4. Travis

官方提供測試報告格式:

  1. spec - used by default
  2. list
  3. minimal
  4. xUnit
  5. JSON

如果還不夠使用,社群也有許多開發者,使用 Reporter Plugin,開發了許多測試報告格式,放在 NPM 上。


上一篇
[Day 10] Web 自動化測試的解藥,我選 TestCafe
下一篇
[Day 12] TestCafe 安裝與看見世界
系列文
持續測試三十天30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言