No content

Software Engineer at I am working on ▪ DevTools team ▪ WebdriverIO ▪ Some things Hello ! I AM CHRISTIAN 2 

1 A NEW VERSION Why do you let me rewrite all my existing tests again??? 3 

GOALS 4 

“Working day jobs, maintainers today can struggle to find the time to fix critical bugs, all the while facing incessant demands from users requesting free support on GitHub. Maintainer burnout is a monstrous challenge.” techcrunch.com 5 

6 Community First! 

7 Governance 

Month of active development 12 32 Unique collaborators 800 Commits 8 

later 7 weeks 68 Unique collaborators 1023 Commits 9 

10 NEW MODULE SYSTEM Powered by Lerna.io 

11 

Package Names Changed 12 Internal Maintained Packages: wdio-dot-reporter → @wdio/dot-reporter wdio-mocha-framework → @wdio/mocha-framework wdio-sauce-service → @wdio/sauce-service ▪ Packages starting with @wdio are “official” maintained packages ▪ Community packages stay as is (e.g. wdio-*-service) ▪ @wdio packages are being preferred before wdio-* packages 

webdriverio Consumes the webdriver package and adds syntactic sugar on top of it (e.g. stale element retries) SEPARATION OF CONCERNS webdriver Is responsible to provide a simple non-opinionated interface to make HTTP requests to a driver. @wdio/cli A testrunner that provides everything needed to build a test suite on a large scale. 13 

SEPARATION OF CONCERNS import WebDriver from 'webdriver' ;(async () => { const client = await WebDriver.newSession({ path: '/', capabilities: { browserName: 'firefox' } }) await client.navigateTo('https://www.google.com/ncr') const searchInput = await client.findElement('css selector', '#lst-ib') await client.elementSendKeys(searchInput['element-6066-11e4-a52e-4f735466cecf'], 'WebDriver') const searchBtn = await client.findElement('css selector', 'input[value="Google Search"]') await client.elementClick(searchBtn['element-6066-11e4-a52e-4f735466cecf']) console.log(await client.getTitle()) // outputs "WebDriver - Google Search" await client.deleteSession() })() 14 webdriver 

Webdriver package $ npm install webdriver ▪ The true protocol binding ▪ Defines commands for WebDriver, JSONWire Protocol, Appium, Mobile JSONWire Protocol, Chromium and SauceLabs ▪ Easy to maintain: all commands are defined as a JSON ▪ Client only gets commands assigned based on its capabilities from the session response ▪ !!! Required us to rename a bunch of commands !!! (see CHANGELOG.md for details) 15 

Webdriver package 16 "/session/:sessionId/url": { "GET": { "command": "getUrl", "description": "The Get Current URL command returns the URL of the current top-level browsing context.", "ref": "https://w3c.github.io/webdriver/#dfn-get-current-url", "parameters": [] }, "POST": { "command": "navigateTo", "description": "The navigateTo (go) command is used to cause the user agent to navigate the current ...", "ref": "https://w3c.github.io/webdriver/#dfn-navigate-to", "parameters": [{ "name": "url", "type": "string", "description": "string representing an absolute URL (beginning with http(s)), possibly including ...", "required": true }], "returns": { "type": "String", "name": "url", "description": "current document URL of the top-level browsing context." } } }, 

▪ Browser vs. Element scope ▪ No command chaining anymore SEPARATION OF CONCERNS browser.url('http://v4.webdriver.io/api.html'); $('.searchbar input').setValue('getT'); var results = $$('.commands.property a').filter(function (link) { return link.isVisible(); }); expect(results.length).to.be.equal(3); // check out second result results[1].click(); expect($('.doc h1').getText()).to.be.equal('GETTEXT'); 17 webdriverio 

SEPARATION OF CONCERNS // wdio.conf.js const path = require('path') exports.config = { /** * server configurations */ hostname: 'ondemand.saucelabs.com', port: 443, region: 'eu', /** * specify test files */ specs: [path.resolve(__dirname, 'mocha.test.js')], // ... } 18 @wdio/cli $ ./node_modules/.bin/wdio wdio.conf.js 

NEW FEATURES e.g. DevTools service with performance capabilities 19 

20 DEVTOOLS SERVICE Chromedriver HTTP browser.url("https://webdriver.io") browser.startTracing() WebSockets WebSockets 

NEW FEATURES e.g. Applitools service 21 

NEW FEATURES e.g. Watch Functionality 22 

NEW FEATURES e.g. Debugging 23 

NEW DOCS ...with blog, videos and much more 24 

25 How To Update? https://www.youtube.com/watch?v=vC3X4ZdysYI 

26 Roadmap 

27 one last note 

Thanks! ANY QUESTIONS? You can find me 24/7 on the Gitter.im support channel or @bromann on Twitter or @christian-bromann on GitHub 28 

SlidesCarnival icons are editable shapes. This means that you can: ● Resize them without losing quality. ● Change fill color and opacity. Isn’t that nice? :) Examples: 29 

Now you can use any emoji as an icon! And of course it resizes without losing quality and you can change the color. How? Follow Google instructions https://twitter.com/googledocs/status/730087240156643328 ✋❤ and many more... 30