Photo by Nightwatch.js on Twitter 前言 上一篇我們已經簡單的介紹過 Nightwatch.js 的...
Photo by Nightwatch.js on Twitter 前言 在前兩篇的文章都在介紹 Robot Framework 的...
這兩個月寫前端 E2E 測試，以前端的角度來說，覺得表單測試是寫起來 cp 值最高的部分了 ~~ !在接口不單一的前端裡，表單算是接口比較單一的部分。而需求更...
生命週期共有 before、after、beforeEach、afterEach 這四個 hook 當作生命週期的方法，命名很直覺、使用上也很直覺。 新...
新手 當時才剛在同事協助 initial 下，接觸 Nightwatch 一週，還沒研究 config 檔案，直接開始寫 test case。還沒有裝 Babe...
身為前端工程師的我，兩年前曾聽前公司主管在介紹 “錄影自動化測試” - selenium IDE (分享內容類似這篇部落格)，但當時學習曲線等級還沒到那邊，一直...
整理一下走到目前為止的想法。 QnA 寫測試是否會增加額外工時？ 工時是一定會增加的，個人經驗是增加一倍。 除了程式碼的品質保證外，還有什麼好處？ 記錄規格、...
這篇要說明一個更輕巧簡便的測試方法－不經 Selenium Server 而獨立使用 Webdriver 來啟動測試的方法，以 ChromeDriver 為例...
綜合使用前面篇章所提到的內容，我們來做個範例 標籤：在這裡為這個 Test Suite 設定標籤「goods」，待之後使用 nightwatch --ta...
Nightwatch 允許開發者定義自己的斷言指令，擴充 .assert 和 .verify 命名空間。 ♡(´∀｀)人(´∀｀)♡ 本系列文章皆使用這個專案...
Nightwatch 允許開發者定義自己的客製化指令（Custom Commands），這對將常用的功能抽出來成為模組，很有幫助。 ♡(´∀｀)人(´∀｀)...
Page Objects 預先定義一個頁面裡面的元素（element）、區塊（section）和命令（command），意即將一個網頁切分成許多個片段，然後利...
Page Objects 預先定義一個頁面裡面的元素（Element）、區塊（Section）和命令（Command），意即將一個網頁切分成許多個片段，利用物...
本篇來看看 Nightwatch Test Runner 如何同時指定不同環境來跑測試、調整 Terminal Output 的顯示結果和經由 Test Wo...
本篇要來聊聊禁跑特定 Test Suite 和 Test Case 的方法。 ♡(´∀｀)人(´∀｀)♡ 本系列文章皆使用這個專案，可以拉下來玩玩；有什麼問題...
Nightwatch 允許開發者使用標籤（tag）標記測試程式，在跑測試的時候可指定跑特定標籤的部份。使用標籤的好處是一個測試可有多個不同的標籤，不必受限於分...
Nightwatch 允許開發者將測試程式分組（group）測試，分組的方式就是將測試程式碼放進同一個資料夾，群組名稱即資料夾名稱。 ♡(´∀｀)人(´∀｀)...
Nightwatch 提供 Command Line Test Runner，便於設定、跑測試和產生測試報告。本篇先來探討安裝方式的差異和如何針對單檔、多檔、...
前面談了這麼多東西，我們終於要拚起來玩玩看了。 綜合使用前面篇章所提到的內容，我們來做個範例，重點如下。 使用 CSS Selector / Xpath 定...
隨著測試環境和加入功能愈來愈多元複雜，設定檔 nightwatch.conf.js 漸漸的就變成了一個龐然大物。 大怪物來了 (☉д⊙) 來幫設定檔減肥 +...
所有的鉤子（Test Hooks）－before[Each] 與 after[Each] method 都可以執行非同步（asynchronous）的動作。如...
Nightwatch 提供 before/after 與 beforeEach/afterEach 鉤子。 ♡(´∀｀)人(´∀｀)♡ 本系列文章皆使用這個專...
在上一篇 Assert 提到，.assert 和 .verify 的 library 基本上是做相同的事情，差別只在於斷言（assertion）失敗時的處理方...
Nightwatch 斷言庫（Assertion Library）除了提供上一篇提到的 Expect 外，還有 Assert 和 Verify。在 Night...
Nightwatch 的 BDD Expect 是源自於 Chai 的 Expect API，並且只能用於網頁元素的比對。expect 比 assert 更有...
前情提要-指令 Part 1 與指令 Part 2。 指令分為兩種－Nightwatch 提供的指令與開發者撰寫的客製化指令，以下介紹 Nightwatch...
前情提要-指令 Part 1。 指令分為兩種－Nightwatch 提供的指令與開發者撰寫的客製化指令，以下介紹 Nightwatch 所提供的指令。程式碼...
指令分為兩種－Nightwatch 提供的指令與開發者撰寫的客製化指令，以下介紹 Nightwatch 所提供的指令。程式碼可以打在 test/e2e/tes...
做 End-to-End Testing 的第一步就是抓到網頁的元素，而定位網頁元素有兩種方法「CSS Selector」和「Xpath」，在本篇使用 Xpa...
撰寫 End-to-End Testing 測試程式的第一步就是抓到網頁的元素，而定位網頁元素有兩種方法「CSS Selector」和「Xpath」，以下使用...
ooo
Summer
iThome鐵人賽
看影片追技術