iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

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

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

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

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

前篇提到可以利用 waitForElementVisible() 去等待一個物件的 display 變成 none 或 hidden。 <div id=&...

2021-09-26 ‧ 由 dennisliuu 分享
DAY 12

自動化 End-End 測試 Nightwatch.js 之踩雷筆記:上傳檔案

上傳本機端的檔案其實很簡單,只是單純的 setValue() 就好了。 browser.setValue(input[type="file&quot...

2021-09-27 ‧ 由 dennisliuu 分享
DAY 13

自動化 End-End 測試 Nightwatch.js 之踩雷筆記:上傳檔案II

如果上傳檔案不想使用 preload 檔案,也不想用下載的方式,其實可以上傳檔案至 selenium grid。 截至寫這篇的時候,Nightwatch.js...

2021-09-28 ‧ 由 dennisliuu 分享
DAY 14

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

關於 Nightwatch.js 的 Page Objects 其實 google 就可以找到很多教學,包含之前的鐵人賽就有了 不過既然叫踩雷筆記,重點還是在我...

2021-09-29 ‧ 由 dennisliuu 分享
DAY 15

自動化 End-End 測試 Nightwatch.js 之踩雷筆記:getCssProperty()

getCssProperty() 是 Nighwatch 中用來取得 DOM element 的 css property 的指令。此外它也有具備等待物件出現才...

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

自動化 End-End 測試 Nightwatch.js 之踩雷筆記:開啟新視窗

測試當中時常會有需要先儲存後檢查的動作,如此就要先開好兩個視窗,不管是新分頁或新視窗,一個作為編輯頁面,一個則作為檢查頁面。如果是每編輯一個地方就需要檢查,最方...

2021-10-01 ‧ 由 dennisliuu 分享
DAY 17

自動化 End-End 測試 Nightwatch.js 之踩雷筆記:關閉多視窗

昨天利用了 window.open 可以開啟新分頁或視窗,今天則是來關閉多個視窗。 Nightwatch 本身其實就有 .closeWindow() 了,不過如...

2021-10-02 ‧ 由 dennisliuu 分享
DAY 18

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

<iframe> <iframe> 是在 HTML 用來內嵌另外一個 HTML 網頁的,例如 SurveyCake 就有這樣的功能 &...

2021-10-03 ‧ 由 dennisliuu 分享
DAY 19

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

相信 E2E 一定有做過遇到這種需要選擇的部分,結構大致上會長這樣 <select class="select"> &l...

2021-10-04 ‧ 由 dennisliuu 分享
DAY 20

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

正規表示式,Regular Expression、regex、regexp 或 RE 都行,是一個學起來就很好用的東西 例如我想要取出數字: var re =...

2021-10-05 ‧ 由 dennisliuu 分享