技術 Nightwatch101 #16：簡單測試範例

前面談了這麼多東西，我們終於要拚起來玩玩看了。 綜合使用前面篇章所提到的內容，我們來做個範例，重點如下。 使用 CSS Selector / Xpath 定...

技術 Nightwatch101 #15：External Globals

隨著測試環境和加入功能愈來愈多元複雜，設定檔 nightwatch.conf.js 漸漸的就變成了一個龐然大物。 大怪物來了 (☉д⊙) 來幫設定檔減肥 +...

技術 Nightwatch101 #14：Asynchronous Test Hooks

所有的鉤子（Test Hooks）－before[Each] 與 after[Each] method 都可以執行非同步（asynchronous）的動作。如...

技術 Nightwatch101 #13：Test Hooks

Nightwatch 提供 before/after 與 beforeEach/afterEach 鉤子。 ♡(´∀｀)人(´∀｀)♡ 本系列文章皆使用這個專...

技術 Nightwatch101 #12：BDD Verify

在上一篇 Assert 提到，.assert 和 .verify 的 library 基本上是做相同的事情，差別只在於斷言（assertion）失敗時的處理方...

技術 Nightwatch101 #11：BDD Assert

Nightwatch 斷言庫（Assertion Library）除了提供上一篇提到的 Expect 外，還有 Assert 和 Verify。在 Night...

技術 Nightwatch101 #9：指令 Part 3

前情提要-指令 Part 1 與指令 Part 2。 指令分為兩種－Nightwatch 提供的指令與開發者撰寫的客製化指令，以下介紹 Nightwatch...

技術 Nightwatch101 #8：指令 Part 2

前情提要-指令 Part 1。 指令分為兩種－Nightwatch 提供的指令與開發者撰寫的客製化指令，以下介紹 Nightwatch 所提供的指令。程式碼...

技術 Nightwatch101 #7：指令 Part 1

指令分為兩種－Nightwatch 提供的指令與開發者撰寫的客製化指令，以下介紹 Nightwatch 所提供的指令。程式碼可以打在 test/e2e/tes...

技術 Nightwatch101 #6：使用 Xpath 定位網頁元素

做 End-to-End Testing 的第一步就是抓到網頁的元素，而定位網頁元素有兩種方法「CSS Selector」和「Xpath」，在本篇使用 Xpa...

技術 Nightwatch101 #5：使用 CSS Selector 定位網頁元素

撰寫 End-to-End Testing 測試程式的第一步就是抓到網頁的元素，而定位網頁元素有兩種方法「CSS Selector」和「Xpath」，以下使用...