初探前端測試

by alincode

Who I am

  • alincode
  • JAVA for 5 years
  • SDET for 7 months (freelancer)
  • NodeJS for 6 months (remote)

為什麼寫這本書

IT 鐵人賽

這本書帶給我了什麼

好處 & 壞處

我學到了什麼

如果不跳脫

一般的框框思考

你很難改變什麼

大綱

前端測試
初探 WebdriverIO
第一個測試程式

前端測試

什麼是前端測試

位在測試的哪個階段

功能測試

測試什麼？

測試什麼？

誰可能需要？

QA

PM

Small Team

Big Team

為什麼需要？

什麼時候該導入？

如何開始？

先省略一些東西

看看 webdriverio 吧

What

End to End

Testing Framework

Selenium

JsonWireProtocol

WebdriverIO

!=

WebdriverJS

ref: http://blog.durandal.io/2015/02/16/end-to-end-testing-with-aurelia-and-protractor/

Flow

WebdriverIO

特色

容易擴充

易替換

遠大抱負

容易擴充

CUSTOM COMMANDS

CUSTOM COMMANDS

Page Object

define elements

define or overwrite page method

Page Object

但

似乎有點簡陋

易替換

BDD / TDD framework
Reporter
Cloud Service

Module is king

遠大抱負

special bindings for Appium

mobile test

WebdriverCSS - CSS regression testing

Who

130 contributors

github

getter

grow up fast

第一個前端自動化測試

Setup

JDK

selenium

java -jar 
/your/download/directory/selenium-server-standalone-2.42.2.jar

npm install selenium-standalone -g

selenium-standalone install
mkdir webdriverio-sandbox

cd webdriverio-sandbox

npm init -y

 

npm install webdriverio -D

  Standalone Mode 

selenium-standalone start
node test.js

WDIO Test runner

set config

  Test runner

+ wdio.conf.js

1. Selectors

2. Action

3. Verify

browser.click('h2.subheading a');

title.should.be.equal('教你所想學的，用眼樂讀 - blog.mokayo.com'); 

Chimp

https://github.com/alincode/front-end-test-sandbox

常見問題

如果沒有單元測試

該不該做前端測試

雷

You should

set up babel

Start Selenium Server

lost connect with

Selenium Server

元素階乘不要抓太多層

被低估的

測試程試維護成本

Made with Slides.com