撰寫 End-to-End Testing 測試程式的第一步就是抓到網頁的元素,而定位網頁元素有兩種方法「CSS Selector」和「Xpath」,以下使用...
為何要做測試? 只要是工程師,寫完程式碼就必定會做測試吧(?) 做測試有什麼好處? 防止改 A 壞 B,避免不能跑的程式碼比能跑的還多 明確指出問題所在、告...
做 End-to-End Testing 的第一步就是抓到網頁的元素,而定位網頁元素有兩種方法「CSS Selector」和「Xpath」,在本篇使用 Xpa...
什麼是 Nightwatch? Nightwatch 是專門給網頁使用的自動化測試框架,它使用 W3C WebDriver API(過去稱為 Selenium...
Node.js 和 npm 是必須的。 Step 1:安裝 Nightwatch 安裝最新版的 Nightwatch。-g 表示全域安裝,讓 Nightwat...
End to End Test中文可以翻成端點對端點測試,使用者端對設備端的測試,屬於Intrumentation Test的一種。那它跟之前介紹的Integr...
指令分為兩種-Nightwatch 提供的指令與開發者撰寫的客製化指令,以下介紹 Nightwatch 所提供的指令。程式碼可以打在 test/e2e/tes...
Nightwatch 提供了 Command-line Test Runner,用來跑各種類型的測試,例如:指定測試環境、依群組或標籤或個別檔案、循序或平行執...
講到Andriod或是IOS等等有UI介面的Application測試方式,大家最常使用的方式是直接在介面上點選UI元件做測試,不論是因為task完成時間緊迫關...
前面談了這麼多東西,我們終於要拚起來玩玩看了。 綜合使用前面篇章所提到的內容,我們來做個範例,重點如下。 使用 CSS Selector / Xpath 定...
前情提要-指令 Part 1 與指令 Part 2。 指令分為兩種-Nightwatch 提供的指令與開發者撰寫的客製化指令,以下介紹 Nightwatch...
在上一篇 Assert 提到,.assert 和 .verify 的 library 基本上是做相同的事情,差別只在於斷言(assertion)失敗時的處理方...
前情提要-指令 Part 1。 指令分為兩種-Nightwatch 提供的指令與開發者撰寫的客製化指令,以下介紹 Nightwatch 所提供的指令。程式碼...
Nightwatch 的 BDD Expect 是源自於 Chai 的 Expect API,並且只能用於網頁元素的比對。expect 比 assert 更有...
Page Objects 預先定義一個頁面裡面的元素(Element)、區塊(Section)和命令(Command),意即將一個網頁切分成許多個片段,利用物...
Selenium IDE 可說是導入自動化測試的起手式。它很類似按鍵精靈,錄製好腳本後,執行腳本來自動完成文字輸入、點擊或跳頁等動作,確認執行動作皆如預期,若...
由於在 nightwatch.conf.js 的 "output_folder": "./reports", 設定了測...
Nightwatch 提供 Command Line Test Runner,便於設定、跑測試和產生測試報告。本篇先來探討安裝方式的差異和如何針對單檔、多檔、...
Nightwatch 斷言庫(Assertion Library)除了提供上一篇提到的 Expect 外,還有 Assert 和 Verify。在 Night...
最近目前我的公司要做新的專案,所以藉此需要一個新的專案來做自動化測試,所以開始在思考一個好的自動化測試他的形狀該長甚麼樣子,順便分享一下如果我這菜雞寫自動化測試...
Nightwatch 允許開發者使用標籤(tag)標記測試程式,在跑測試的時候可指定跑特定標籤的部份。使用標籤的好處是一個測試可有多個不同的標籤,不必受限於分...
本篇要來聊聊禁跑特定 Test Suite 和 Test Case 的方法。 ♡(´∀`)人(´∀`)♡ 本系列文章皆使用這個專案,可以拉下來玩玩;有什麼問題...
隨著測試環境和加入功能愈來愈多元複雜,設定檔 nightwatch.conf.js 漸漸的就變成了一個龐然大物。 大怪物來了 (☉д⊙) 來幫設定檔減肥 +...
所有的鉤子(Test Hooks)-before[Each] 與 after[Each] method 都可以執行非同步(asynchronous)的動作。如...
綜合使用前面篇章所提到的內容,我們來做個範例 標籤:在這裡為這個 Test Suite 設定標籤「goods」,待之後使用 nightwatch --ta...
Nightwatch 允許開發者將測試程式分組(group)測試,分組的方式就是將測試程式碼放進同一個資料夾,群組名稱即資料夾名稱。 ♡(´∀`)人(´∀`)...
Nightwatch 提供 before/after 與 beforeEach/afterEach 鉤子。 ♡(´∀`)人(´∀`)♡ 本系列文章皆使用這個專...
Nightwatch 允許開發者定義自己的客製化指令(Custom Commands),這對將常用的功能抽出來成為模組,很有幫助。 ♡(´∀`)人(´∀`)...
Nightwatch 允許開發者定義自己的斷言指令,擴充 .assert 和 .verify 命名空間。 ♡(´∀`)人(´∀`)♡ 本系列文章皆使用這個專案...
Page Objects 預先定義一個頁面裡面的元素(element)、區塊(section)和命令(command),意即將一個網頁切分成許多個片段,然後利...