iT邦幫忙

nightwatch相關文章
共有 31 則文章
鐵人賽 Modern Web DAY 1

技術 [Nightwatch 新手紀實] 好想用 es6!Babel

新手 當時才剛在同事協助 initial 下,接觸 Nightwatch 一週,還沒研究 config 檔案,直接開始寫 test case。還沒有裝 Babe...

鐵人賽 Modern Web DAY 1

技術 [Nightwatch 新手紀實] test case 生命週期

生命週期共有 before、after、beforeEach、afterEach 這四個 hook 當作生命週期的方法,命名很直覺、使用上也很直覺。 新...

鐵人賽 Modern Web DAY 1

技術 [Nightwatch 新手紀實] 目的動機

身為前端工程師的我,兩年前曾聽前公司主管在介紹 “錄影自動化測試” - selenium IDE (分享內容類似這篇部落格),但當時學習曲線等級還沒到那邊,一直...

鐵人賽 DevOps DAY 30

技術 Nightwatch101 #30:總結

整理一下走到目前為止的想法。 QnA 寫測試是否會增加額外工時? 工時是一定會增加的,個人經驗是增加一倍。 除了程式碼的品質保證外,還有什麼好處? 記錄規格、...

鐵人賽 DevOps DAY 28

技術 Nightwatch101 #28:獨立使用 ChromeDriver 跑測試

這篇要說明一個更輕巧簡便的測試方法-不經 Selenium Server 而獨立使用 Webdriver 來啟動測試的方法,以 ChromeDriver 為例...

鐵人賽 DevOps DAY 27

技術 Nightwatch101 #27:進階測試範例

綜合使用前面篇章所提到的內容,我們來做個範例 標籤:在這裡為這個 Test Suite 設定標籤「goods」,待之後使用 nightwatch --ta...

鐵人賽 DevOps DAY 25

技術 Nightwatch101 #25:客製化斷言(Custom Assertions)

Nightwatch 允許開發者定義自己的斷言指令,擴充 .assert 和 .verify 命名空間。 ♡(´∀`)人(´∀`)♡ 本系列文章皆使用這個專案...

鐵人賽 DevOps DAY 24

技術 Nightwatch101 #24:客製化指令(Custom Commands)

Nightwatch 允許開發者定義自己的客製化指令(Custom Commands),這對將常用的功能抽出來成為模組,很有幫助。 ♡(´∀`)人(´∀`)...

鐵人賽 DevOps DAY 23

技術 Nightwatch101 #23:使用 Sections 優化 Page Objects

Page Objects 預先定義一個頁面裡面的元素(element)、區塊(section)和命令(command),意即將一個網頁切分成許多個片段,然後利...

鐵人賽 DevOps DAY 22

技術 Nightwatch101 #22:Page Objects

Page Objects 預先定義一個頁面裡面的元素(Element)、區塊(Section)和命令(Command),意即將一個網頁切分成許多個片段,利用物...

鐵人賽 DevOps DAY 21

技術 Nightwatch101 #21:平行執行測試程式

本篇來看看 Nightwatch Test Runner 如何同時指定不同環境來跑測試、調整 Terminal Output 的顯示結果和經由 Test Wo...

鐵人賽 DevOps DAY 20

技術 Nightwatch101 #20:禁跑特定測試(Disable Tests)

本篇要來聊聊禁跑特定 Test Suite 和 Test Case 的方法。 ♡(´∀`)人(´∀`)♡ 本系列文章皆使用這個專案,可以拉下來玩玩;有什麼問題...

鐵人賽 DevOps DAY 19

技術 Nightwatch101 #19:依照標籤做測試(Test Tags)

Nightwatch 允許開發者使用標籤(tag)標記測試程式,在跑測試的時候可指定跑特定標籤的部份。使用標籤的好處是一個測試可有多個不同的標籤,不必受限於分...

鐵人賽 DevOps DAY 18

技術 Nightwatch101 #18:依照分組做測試(Test Groups)

Nightwatch 允許開發者將測試程式分組(group)測試,分組的方式就是將測試程式碼放進同一個資料夾,群組名稱即資料夾名稱。 ♡(´∀`)人(´∀`)...

鐵人賽 DevOps DAY 17

技術 Nightwatch101 #17:Nightwatch Test Runner

Nightwatch 提供 Command Line Test Runner,便於設定、跑測試和產生測試報告。本篇先來探討安裝方式的差異和如何針對單檔、多檔、...

鐵人賽 DevOps DAY 16

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

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

鐵人賽 DevOps DAY 15

技術 Nightwatch101 #15:External Globals

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

鐵人賽 DevOps DAY 14

技術 Nightwatch101 #14:Asynchronous Test Hooks

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

鐵人賽 DevOps DAY 13

技術 Nightwatch101 #13:Test Hooks

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

鐵人賽 DevOps DAY 12

技術 Nightwatch101 #12:BDD Verify

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

鐵人賽 DevOps DAY 11

技術 Nightwatch101 #11:BDD Assert

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

鐵人賽 DevOps DAY 10

技術 Nightwatch101 #10:BDD Expect

Nightwatch 的 BDD Expect 是源自於 Chai 的 Expect API,並且只能用於網頁元素的比對。expect 比 assert 更有...

鐵人賽 DevOps DAY 9

技術 Nightwatch101 #9:指令 Part 3

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

鐵人賽 DevOps DAY 8

技術 Nightwatch101 #8:指令 Part 2

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

鐵人賽 DevOps DAY 7

技術 Nightwatch101 #7:指令 Part 1

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

鐵人賽 DevOps DAY 6

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

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

鐵人賽 DevOps DAY 5

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

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

鐵人賽 DevOps DAY 4

技術 Nightwatch101 #4:設定檔

Nightwatch 提供了 Command-line Test Runner,用來跑各種類型的測試,例如:指定測試環境、依群組或標籤或個別檔案、循序或平行執...

鐵人賽 DevOps DAY 3

技術 Nightwatch101 #3:環境建置

Node.js 和 npm 是必須的。 Step 1:安裝 Nightwatch 安裝最新版的 Nightwatch。-g 表示全域安裝,讓 Nightwat...

鐵人賽 DevOps DAY 2

技術 Nightwatch101 #2:Nightwatch 與 Selenium Webdriver

什麼是 Nightwatch? Nightwatch 是專門給網頁使用的自動化測試框架,它使用 W3C WebDriver API(過去稱為 Selenium...