iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

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

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

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

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

在 E2E 測試中,如果需要測試日期或時間,設定正確的 timezone 是很重要的 如果是單純只有在 local 執行 Nightwatch,設定 timez...

2021-10-06 ‧ 由 dennisliuu 分享
DAY 22

自動化 End-End 測試 Nightwatch.js 與 BrowserStack

BrowserStack 一個提供各式瀏覽器、移動裝備的平台,前面雖然有稍微提到這個東西,不過都沒什麼詳細介紹,最後一週來寫一下 Nightwatch 與 Br...

2021-10-07 ‧ 由 dennisliuu 分享
DAY 23

自動化 End-End 測試 Nightwatch.js 與 BrowserStack

前文介紹了 BrowserStack 本篇寫一些在撰寫測項的寫法與一些要注意的小地方 首先 BrowserStack 在執行測項時,會有一個 session n...

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

自動化 End-End 測試 Nightwatch.js 與 BrowserStack

前一篇提到可以更改 session name 也可以標註 pass/fail 接著就可以將昨天提到的的設定加入到 afterEach 如此一來就可以在測項結束後...

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

自動化 End-End 測試 nightwatch-html-reporter

nightwatch-html-reporter: https://github.com/jls/nightwatch-html-reporter Nightw...

2021-10-10 ‧ 由 dennisliuu 分享
DAY 26

自動化 End-End 測試 Nightwatch.js 簡易化 selector

在 E2E 測試撰寫時,前端可以利用 aria-label 或客製化的 testing tag 來方便測試抓取元件 指定 aria-label 可以使一個標籤被...

2021-10-11 ‧ 由 dennisliuu 分享
DAY 27

自動化 End-End 測試 Nightwatch.js 簡易化 selector

在 E2E 測試撰寫時,除了可以利用 aria-label 外,使用客製化的 testing tag 來抓取測試元件是更好的方式 aria-label 指定...

2021-10-12 ‧ 由 dennisliuu 分享
DAY 28

自動化 End-End 測試 Nightwatch.js 串接 gitlab CI/CD

既然可以在 local 執行 E2E 了,與其佔用一個 terminal 並讓電腦跑,不如就交給 gitlab 吧 Configuration 要讓 E2E 能...

2021-10-13 ‧ 由 dennisliuu 分享
DAY 29

自動化 End-End 測試 Nightwatch.js 串接 Google sheet

之前撰寫測試時有提到串接 BrowserStack 的服務,而執行時也可以透過 nightwatch-html-reporter 產生好看的報告。不過如果當這項...

2021-10-14 ‧ 由 dennisliuu 分享
DAY 30

總結篇 — Nightwatch.js E2E 之旅

首先感謝隊長 Ian 的邀請,也感謝隊友們的鼓勵,終於要結束 30 天的挑戰了其實大概寫到一半就沒料了,後面變成開始自己亂看亂摸索,反而是給自己強制學習的機會...

2021-10-15 ‧ 由 dennisliuu 分享