接觸了 e2e 半年,踩了一些坑,覺得好想可以湊出 30 天了
本篇基於 Nightwatch.js 與 browserstack 搭配 gitlab ci/cd 環境
做一個偏心得的簡易教學文
大家好,我是 Dennis,今年三月底變成了前端打工仔,公司的大大們為了讓我對專案的理解程度更高,於是有了 E2E 的任務。半年過去全站的覆蓋率已經超過 80%...
cssProperty() ? 對於寫 E2E 檢查顏色是否正確應該是再平凡不過的事了,當然 Nightwatch.js 其實也內建了 cssProperty...
客製化指令 Nightwatch 本身提供的功能雖然已經相當多了,不過或多或少都有些缺失。又或者我們希望能夠讓整個測試專案更貼合需要被測試的網站時,客製化指令就...
clearValue() clearValue() 與 setValue() 常常會一起搭配使用,目的不外乎就是填入輸入欄位。使用方式也很簡單: browser...
如果想要測試的網站是類似具有文字編輯器功用的,像是 ithome 這種類型假設我們想要將已打過的字體 Highlight 起來,並點擊粗體的按鈕,像是這樣:...
點擊特定物件是 E2E 中很常會做到的事,如果本身物件有設定好特定的 ID, Class 或 Attribute,只要使用 Nightwatch 中提供的 cl...
前文提到 Nightwatch 本身自帶有 click() 事件,只是 Safari 點擊 div 會失敗。不過還有其他情況是,即使不是使用 Safari 進行...
點擊物件是蠻基本的操作,不過還是有很多地方需要注意。 回顧 第一天提到了如果該物件是 div,例如這個問號 Icon,在 Safari 會無法成功點擊,可以利用...
在測試一個網頁時,時常會有需要等待的時候,可能是等待網頁載入、等待 UI 顯示或等待搜尋結果等 pause() 在 Nightwatch.js 中,assert...
前一篇利用 Nightwatch.js 的 pause(),並透過 global 設定了不同的等待時間。例如 pauseLogin(), pauseSearch...