Nightwatch101 #2:Nightwatch 與 Selenium Webdriver

介紹 Nightwatch、Selenium Webdriver 與運作原理。

Selenium WebDriver Nightwatch End-to-End Testing 端對端測試 Nightwatch101


Nightwatch101 #1:使用 Nightwatch 實現 End-to-End Testing

這一系列 2018 鐵人賽「Nightwatch101:使用 Nightwatch 實現 End-to-End Testing」會有以下內容:Nightwatch 與 Selenium Webdriver、使用 CSS Selector和 Xpath 定位網頁元素、API(Commands、Expect、Assert、Verify)、Test Hooks、Nightwatch Test Runner、Page Objects、客製化指令與斷言、客製化測試報告、測試程式範例、Selenium IDE。希望大家不吝指教 :)

Nightwatch End-to-End Testing 端對端測試 自動化測試 Nightwatch101


Vue.js: axios 與 axios-mock-adapter

axios 是以 Promise 為基礎、可供瀏覽器和 Node.js 環境來發出 HTTP client request。axios-mock-adapter 簡單說就是在發出 HTTP client request 後,提供假的回傳資料。

axios vue.js


Nightwatch.js

Nightwatch 是專門給網頁使用的自動化測試框架,它使用 W3C WebDriver 所提供的 API(過去稱為 Selenium WebDriver)來自動操作瀏覽器。好處是可簡化設定 CI(Continuous Integration,持續整合)的過程,自動執行 End-to-End 測試與單元測試。

Nightwatch Chai 單元測試 End-to-End Testing 端對端測試


Vue.js: 動態元件 Dynamic Components

動態元件(Dynamic-Components)是指可根據傳入參數的不同,而去切換不同的元件。

vue.js vue.js components


Vue.js: Slot

Slot 是一種用於內容分配(Content Distribution / Transclusion)的元件,適用於複雜或巢狀元件的實作上,可以想像成是空間預留的方法,在迭代過程中再把內容塞進去。

vue.js vue.js components


Vue.js: Mixins

Mixins 是一種讓元件共用功能的方法,使用方式即是將共用功能以物件的方式傳入 mixins option。mixin object 可傳入元件的任何 option,例如:data、computed 或 methods。當元件選用 Mixins 時,使用的 mixin object 會和此元件的其他 option 混用。

vue.js vue.js components