TestCafe 學習筆記 – 2:常用設定及功能

/

這篇是 August 翻了一次 TestCafe 的說明文件後,整理出覺得會常用到的部份,以後陸續使用時,有可能會再補充。


typeText,輸入文字時可帶的參數

typeText 中帶入參數的寫法如下:

可用的參數有:

  • ctrl, alt, shiftBoolean,為「true」就代表輸入文字時一併壓著哪個鍵。
  • caretPosNumber,要空格幾格。
  • replaceBoolean,為「true」就代表要清空 input 裡原有的值。
  • pasteBoolean,貼上的功能。
  • speedNumber,0.01 – 1,打字速度。

比對網址

前一篇的〈自動化測試會員登入〉中,是否成功登入會員的判斷是用頁面上出現了登入後才有的元素來作判斷,實際上也可以直接用網址是不是登入後的網址來判斷。


修改等待時間

TestCafe 有預設的等待時間,比方按下「登入」後,由於伺服器要時間處理並回應,如果少了等待時間,在測試時會一律報測試失敗,因為伺服器還來不及回應,測試程式就關閉了。

TestCafe 很貼心的預設了等待時間,更貼心的是還可以修改時間的設定。


螢幕截圖

這是一個有趣的功能,可以直接截圖測試的過程。

TestCafe 也有提供螢幕錄影,但要另外安裝其他套件,這部份就請自行觀看文件。

測試完後截圖

指定的步驟中截圖

截圖可用的參數

  • pathString,圖片要存到哪
  • fullPageBoolean,是不是截取整個畫面
  • takeOnFailsBoolean,是不是有錯誤時才截圖
  • pathPatternString,設圖片存取的相對路徑,預設的是這樣 ${DATE}_${TIME}/${TEST_ID}/${RUN_ID}/${USERAGENT}/errors/${FILE_INDEX}.png。(詳細參數

用瀏覽器的模擬手機功能

我們在測試手機版時,很常會直接拿瀏覽器的模擬來進行,TestCafe 也可以執行這個動作。

這是廣告,點擊一下可以幫本站多個一點點的廣告收入,謝謝


取消快取

有時我們在測試頁面,會出現「我的正常,為什麼你的不正常」的情況,大部份都是因為快取造成的,清完瀏覽器的快取就可以解決。


建立不同會員身份來測試

之前有遇到過要判斷不同的會員身份,丟出不同內容的案子,比方免費會員只能看見 A 區,付費會員就能看見 A、B、C 三區。

當看見 TestCafe 也可以這樣測試時,驚為天人。

建立會員身份

測試時切換會員身份

Summary
TestCafe 學習筆記 - 2:常用設定及功能
Article Name
TestCafe 學習筆記 - 2:常用設定及功能
Description
本篇大綱:typeText,輸入文字時可帶的參數。比對網址。修改等待時間。螢幕截圖。用瀏覽器的模擬手機功能。取消快取。建立不同會員身份來測試。這篇是 Augustus 翻了一次 TestCafe 的說明文件後,整理出覺得會常用到的部份。
Augustus
Let's Write
Let's Write
https://letswrite.tw/wp-content/uploads/2020/08/logo_512.jpg

隨選筆記文

Front-End

TestCafe 學習筆記 – 2:常用設定及功能

Bot Telegram

Telegram Bot 學習筆記 – 5:取得使用者大頭照

Front-End

幾個方便開發的 Console API 應用

Apps Script Google

Google Apps Script 讀寫 Cloud Firestore 資料

Front-End

用 Microsoft Clarity 網站分析工具,觀察使用者行為

Firebase Google

Firebase Cloud Firestore V9 常用功能筆記

Front-End

MacBook 用隨身碟執行 Windows 10:Windows To Go、WinToUSB

PWA

PWA 學習筆記 – 2:Workbox CLI

Forms Google

Google 表單,提交後系統自動寄送回覆通知 email

Vue

Vue.js 3 Composition API 基本學習筆記-2:fetch data、export / import

以下是留言,但關於留言的部份必需先讓你們知道:

本站的文章都是 August 因為覺得有趣,才會實作並整理成筆記文而後進行發表。

如果留言是希望把 Demo 改成「你想要」的樣子,或是把功能改成「符合你需求」的樣子,

Sorry~ 除非那修改是 August 也有興趣的,不然不會幫你們寫程式去面對工作或是交作業。

未來這類的留言不會再主動回覆。😎

另外,公開信箱是為了讓金流驗證用,

因為之前遇過幾次回信協助解決問題後,對方卻一聲謝謝也沒有,就這樣拿去幫工作交差。

因此決定不再回覆信件,有疑問就利用留言功能囉。