iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

自動化 End-End 測試 Nightwatch.js 系列

接觸了 e2e 半年,踩了一些坑,覺得好想可以湊出 30 天了
本篇基於 Nightwatch.js 與 browserstack 搭配 gitlab ci/cd 環境
做一個偏心得的簡易教學文

鐵人鍊成 | 共 30 篇文章 | 7 人訂閱 訂閱系列文 RSS系列文 團隊自虐病友團
DAY 1

自動化 End-End 測試 Nightwatch.js 之踩雷筆記:前言

大家好,我是 Dennis,今年三月底變成了前端打工仔,公司的大大們為了讓我對專案的理解程度更高,於是有了 E2E 的任務。半年過去全站的覆蓋率已經超過 80...

2021-09-16 ‧ 由 dennisliuu 分享
DAY 2

自動化 End-End 測試 Nightwatch.js 之踩雷筆記:檢查顏色

cssProperty() ? 對於寫 E2E 檢查顏色是否正確應該是再平凡不過的事了,當然 Nightwatch.js 其實也內建了 cssProperty...

2021-09-17 ‧ 由 dennisliuu 分享
DAY 3

自動化 End-End 測試 Nightwatch.js 之踩雷筆記:檢查顏色 II

客製化指令 Nightwatch 本身提供的功能雖然已經相當多了,不過或多或少都有些缺失。又或者我們希望能夠讓整個測試專案更貼合需要被測試的網站時,客製化指令就...

2021-09-18 ‧ 由 dennisliuu 分享
DAY 4

自動化 End-End 測試 Nightwatch.js 之踩雷筆記:輸入

clearValue() clearValue() 與 setValue() 常常會一起搭配使用,目的不外乎就是填入輸入欄位。 使用方式也很簡單: browse...

2021-09-19 ‧ 由 dennisliuu 分享
DAY 5

自動化 End-End 測試 Nightwatch.js 之踩雷筆記:選取文字

如果想要測試的網站是類似具有文字編輯器功用的,像是 ithome 這種類型 假設我們想要將已打過的字體 Highlight 起來,並點擊粗體的按鈕,像是這樣:...

2021-09-20 ‧ 由 dennisliuu 分享
DAY 6

自動化 End-End 測試 Nightwatch.js 之踩雷筆記:點擊物件

點擊特定物件是 E2E 中很常會做到的事,如果本身物件有設定好特定的 ID, Class 或 Attribute,只要使用 Nightwatch 中提供的 cl...

2021-09-21 ‧ 由 dennisliuu 分享
DAY 7

自動化 End-End 測試 Nightwatch.js 之踩雷筆記:點擊物件 II

前文提到 Nightwatch 本身自帶有 click() 事件,只是 Safari 點擊 div 會失敗。 不過還有其他情況是,即使不是使用 Safari 進...

2021-09-22 ‧ 由 dennisliuu 分享
DAY 8

自動化 End-End 測試 Nightwatch.js 之踩雷筆記:點擊物件 III

點擊物件是蠻基本的操作,不過還是有很多地方需要注意。 回顧 第一天提到了如果該物件是 div,例如這個問號 Icon,在 Safari 會無法成功點擊,可以利用...

2021-09-23 ‧ 由 dennisliuu 分享
DAY 9

自動化 End-End 測試 Nightwatch.js 之踩雷筆記:等待時間

在測試一個網頁時,時常會有需要等待的時候,可能是等待網頁載入、等待 UI 顯示或等待搜尋結果等 pause() 在 Nightwatch.js 中,assert...

2021-09-24 ‧ 由 dennisliuu 分享
DAY 10

自動化 End-End 測試 Nightwatch.js 之踩雷筆記:等待物件

前一篇利用 Nightwatch.js 的 pause(),並透過 global 設定了不同的等待時間。例如 pauseLogin(), pauseSearch...

2021-09-25 ‧ 由 dennisliuu 分享