iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

1 Like 0 留言 43044 瀏覽

鐵人賽 DevOps DAY 5

Nightwatch101：使用 Nightwatch 實現 End-to-End Testing 系列第 5 篇

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

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

Summer ‧ 2017-12-15 ‧團隊露天廢物

3 Like 1 留言 13419 瀏覽

鐵人賽 DevOps DAY 1

Nightwatch101：使用 Nightwatch 實現 End-to-End Testing 系列第 1 篇

達標好文技術 Nightwatch101 #1：使用 Nightwatch 實現 End-to-End Testing

為何要做測試？只要是工程師，寫完程式碼就必定會做測試吧（?）做測試有什麼好處？防止改 A 壞 B，避免不能跑的程式碼比能跑的還多明確指出問題所在、告...

Summer ‧ 2017-12-11 ‧團隊露天廢物

2 Like 0 留言 13188 瀏覽

鐵人賽 DevOps DAY 6

Nightwatch101：使用 Nightwatch 實現 End-to-End Testing 系列第 6 篇

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

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

Summer ‧ 2017-12-16 ‧團隊露天廢物

2 Like 2 留言 11377 瀏覽

鐵人賽 DevOps DAY 28

Nightwatch101：使用 Nightwatch 實現 End-to-End Testing 系列第 28 篇

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

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

Summer ‧ 2018-01-07 ‧團隊露天廢物

1 Like 0 留言 8889 瀏覽

鐵人賽 DevOps DAY 2

Nightwatch101：使用 Nightwatch 實現 End-to-End Testing 系列第 2 篇

技術 Nightwatch101 #2：Nightwatch 與 Selenium Webdriver

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

Summer ‧ 2017-12-12 ‧團隊露天廢物

2 Like 2 留言 8827 瀏覽

鐵人賽 DevOps DAY 3

Nightwatch101：使用 Nightwatch 實現 End-to-End Testing 系列第 3 篇

技術 Nightwatch101 #3：環境建置

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

Summer ‧ 2017-12-13 ‧團隊露天廢物

1 Like 0 留言 7522 瀏覽

鐵人賽 DevOps DAY 7

Nightwatch101：使用 Nightwatch 實現 End-to-End Testing 系列第 7 篇

技術 Nightwatch101 #7：指令 Part 1

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

Summer ‧ 2017-12-17 ‧團隊露天廢物

1 Like 0 留言 7199 瀏覽

鐵人賽 DevOps DAY 4

Nightwatch101：使用 Nightwatch 實現 End-to-End Testing 系列第 4 篇

技術 Nightwatch101 #4：設定檔

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

Summer ‧ 2017-12-14 ‧團隊露天廢物

2 Like 0 留言 6436 瀏覽

鐵人賽 DevOps DAY 16

Nightwatch101：使用 Nightwatch 實現 End-to-End Testing 系列第 16 篇

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

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

Summer ‧ 2017-12-26 ‧團隊露天廢物

2 Like 0 留言 5196 瀏覽

鐵人賽 DevOps DAY 9

Nightwatch101：使用 Nightwatch 實現 End-to-End Testing 系列第 9 篇

技術 Nightwatch101 #9：指令 Part 3

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

Summer ‧ 2017-12-19 ‧團隊露天廢物

4 Like 0 留言 4473 瀏覽

鐵人賽 DevOps DAY 12

Nightwatch101：使用 Nightwatch 實現 End-to-End Testing 系列第 12 篇

技術 Nightwatch101 #12：BDD Verify

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

Summer ‧ 2017-12-22 ‧團隊露天廢物

1 Like 0 留言 4425 瀏覽

鐵人賽 DevOps DAY 8

Nightwatch101：使用 Nightwatch 實現 End-to-End Testing 系列第 8 篇

技術 Nightwatch101 #8：指令 Part 2

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

Summer ‧ 2017-12-18 ‧團隊露天廢物

5 Like 1 留言 4281 瀏覽

鐵人賽 DevOps DAY 10

Nightwatch101：使用 Nightwatch 實現 End-to-End Testing 系列第 10 篇

技術 Nightwatch101 #10：BDD Expect

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

Summer ‧ 2017-12-20 ‧團隊露天廢物

1 Like 0 留言 4160 瀏覽

鐵人賽 DevOps DAY 22

Nightwatch101：使用 Nightwatch 實現 End-to-End Testing 系列第 22 篇

技術 Nightwatch101 #22：Page Objects

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

Summer ‧ 2018-01-01 ‧團隊露天廢物

5 Like 1 留言 3787 瀏覽

鐵人賽 DevOps DAY 29

Nightwatch101：使用 Nightwatch 實現 End-to-End Testing 系列第 29 篇

技術 Nightwatch101 #29：Selenium IDE

Selenium IDE 可說是導入自動化測試的起手式。它很類似按鍵精靈，錄製好腳本後，執行腳本來自動完成文字輸入、點擊或跳頁等動作，確認執行動作皆如預期，若...

Summer ‧ 2018-01-08 ‧團隊露天廢物

3 Like 3 留言 3494 瀏覽

鐵人賽 DevOps DAY 30

Nightwatch101：使用 Nightwatch 實現 End-to-End Testing 系列第 30 篇

技術 Nightwatch101 #30：總結

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

Summer ‧ 2018-01-09 ‧團隊露天廢物

2 Like 0 留言 3280 瀏覽

鐵人賽自我挑戰組

蛻變事實－UI設計師勇闖前端城系列第 34 篇

技術 [蛻變事實－隨手帳] 聊聊在扮演QA面對RWD網頁的丫里丫雜 (歷練＆心得)

昨天分享了一篇 [蛻變事實－隨手帳] 瀏覽器BUG－Safari 問題小筆記才想起～ RWD網頁在檢閱時也有很多細節今天有空就來聊聊、分享，曾經有一段時間協助R...

凱特麻麻桑 ‧ 2018-12-01

2 Like 0 留言 3114 瀏覽

鐵人賽 DevOps DAY 26

Nightwatch101：使用 Nightwatch 實現 End-to-End Testing 系列第 26 篇

技術 Nightwatch101 #26：客製化測試報告

由於在 nightwatch.conf.js 的 "output_folder": "./reports", 設定了測...

Summer ‧ 2018-01-05 ‧團隊露天廢物

2 Like 0 留言 2894 瀏覽

鐵人賽 DevOps DAY 17

Nightwatch101：使用 Nightwatch 實現 End-to-End Testing 系列第 17 篇

技術 Nightwatch101 #17：Nightwatch Test Runner

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

Summer ‧ 2017-12-27 ‧團隊露天廢物

2 Like 0 留言 2759 瀏覽

鐵人賽 DevOps DAY 11

Nightwatch101：使用 Nightwatch 實現 End-to-End Testing 系列第 11 篇

技術 Nightwatch101 #11：BDD Assert

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

Summer ‧ 2017-12-21 ‧團隊露天廢物

1 Like 0 留言 2539 瀏覽

鐵人賽 DevOps DAY 19

Nightwatch101：使用 Nightwatch 實現 End-to-End Testing 系列第 19 篇

技術 Nightwatch101 #19：依照標籤做測試（Test Tags）

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

Summer ‧ 2017-12-29 ‧團隊露天廢物

2 Like 0 留言 2514 瀏覽

鐵人賽 DevOps DAY 20

Nightwatch101：使用 Nightwatch 實現 End-to-End Testing 系列第 20 篇

技術 Nightwatch101 #20：禁跑特定測試（Disable Tests）

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

Summer ‧ 2017-12-30 ‧團隊露天廢物

2 Like 0 留言 2506 瀏覽

鐵人賽 DevOps DAY 15

Nightwatch101：使用 Nightwatch 實現 End-to-End Testing 系列第 15 篇

技術 Nightwatch101 #15：External Globals

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

Summer ‧ 2017-12-25 ‧團隊露天廢物

1 Like 0 留言 2434 瀏覽

鐵人賽 DevOps DAY 14

Nightwatch101：使用 Nightwatch 實現 End-to-End Testing 系列第 14 篇

技術 Nightwatch101 #14：Asynchronous Test Hooks

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

Summer ‧ 2017-12-24 ‧團隊露天廢物

3 Like 0 留言 2375 瀏覽

鐵人賽 DevOps DAY 27

Nightwatch101：使用 Nightwatch 實現 End-to-End Testing 系列第 27 篇

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

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

Summer ‧ 2018-01-06 ‧團隊露天廢物

1 Like 0 留言 2319 瀏覽

鐵人賽 DevOps DAY 18

Nightwatch101：使用 Nightwatch 實現 End-to-End Testing 系列第 18 篇

技術 Nightwatch101 #18：依照分組做測試（Test Groups）

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

Summer ‧ 2017-12-28 ‧團隊露天廢物

2 Like 0 留言 2220 瀏覽

鐵人賽 DevOps DAY 13

Nightwatch101：使用 Nightwatch 實現 End-to-End Testing 系列第 13 篇

技術 Nightwatch101 #13：Test Hooks

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

Summer ‧ 2017-12-23 ‧團隊露天廢物

1 Like 0 留言 2214 瀏覽

鐵人賽 DevOps DAY 24

Nightwatch101：使用 Nightwatch 實現 End-to-End Testing 系列第 24 篇

技術 Nightwatch101 #24：客製化指令（Custom Commands）

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

Summer ‧ 2018-01-03 ‧團隊露天廢物

2 Like 0 留言 2188 瀏覽

鐵人賽 DevOps DAY 25

Nightwatch101：使用 Nightwatch 實現 End-to-End Testing 系列第 25 篇

技術 Nightwatch101 #25：客製化斷言（Custom Assertions）

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

Summer ‧ 2018-01-04 ‧團隊露天廢物

3 Like 0 留言 2093 瀏覽

鐵人賽 Modern Web DAY 1

Vue 怎麼寫測試系列第 1 篇

技術 Day 1. 當主管問你：他媽的你為什麼想寫測試？

你好，我是鐵人小生，偶然客串 30 天你的人生。（小生梗好像被用過了，我道歉）給主管的答案針對主管的問題很簡單，跟我這樣做先賞他兩巴掌，叫他閉嘴，...

Mos ‧ 2017-12-18 ‧團隊神功護體