Post on 13-Jan-2017
transcript
E2E tool introduce@Caesar
Caesar Chi
clonncd
Caesar Chi 2.0
clonncd
Do you have e2e test?
Maybe QA team in E2E?
How many resource do you have?
Test UI by yourself. Stand out DRY principle
There are so many UI auto test tool.
that sounds great, lets code for e2e test
But e2e test so hard
Less
• hard to code
• assertion is bad
• have to know deeply flow control
• big gap for newbie
Protractor
Protractor
Go to target Url
Protractor
An assertion
Protractor
Selector and do something
Protractor
Another assertion
Protractor
Another assertion
What the …
http://codecept.io/
codecept.js
• Every command is described as an action of a user visiting a site.
• CodeceptJS provides a general high-level API which can easily be executed
• Control browser in realtime with API of CodeceptJS
codecept.js• Synchronous Tests API
• user's perspective
• Backend agnostic
• PageObjects supported
• Written in ES6 without transpilers.
Codecept.js VS …
VS
• sss
VS
• sss
VS
• sssss
Codecept.js example
Codecept.js install
Codecept.jsnpm install -g codeceptjs
npm install -g webdriver-manager
And
And
npm install -g webdriverio
Codecept.js up & run
Codecept.js $ codeceptjs init
Generate a config of codecept.js
Codecept.js $ codeceptjs gt
Generate a basic test.js of codecept.js
Codecept.js
Edit basic_test.js file content
Codecept.js $ codeceptjs run
Runs codecept.js test
sssss
Codecept.js locator
I.amOnPage
http://codecept.io/helpers/WebDriverIO/#amonpage
I.fillField
http://codecept.io/helpers/WebDriverIO/#fillfield
I.click
http://codecept.io/helpers/WebDriverIO/#fillfield
I.checkOption
http://codecept.io/helpers/WebDriverIO/#checkoption
I.selectOption
http://codecept.io/helpers/WebDriverIO/#selectoption
I.acceptPopup I.cancelPopup
http://codecept.io/helpers/WebDriverIO/#acceptpopup
Codecept.js assertion
I.seeElement
http://codecept.io/helpers/WebDriverIO/#seeelement
I.seeInTitle
http://codecept.io/helpers/Protractor/#seeintitle
Codecept.js helper
I.saveScreenshot
http://codecept.io/helpers/Protractor/#savescreenshot
I.resizeWindow
http://codecept.io/helpers/Protractor/#resizewindow
I.acceptPopup I.can cancelPopup
http://codecept.io/helpers/WebDriverIO/#acceptpopup
Codecept.js comprare
Codecept.js recap• Support popular test framework (mostly)
• Not another test framework
• Make people easy to use
• Make people easy to read
Codecept.js recap• Support popular test framework (mostly)
• Not another test framework
• Make people easy to use
• Make people easy to read
• But have to know …
Life is short Test is needs
https://leanpub.com/frontend_e2e_test_guidebook