UI Automation made easy with dev tools protocol

1. GLOBAL SOFTWARE CONSULTANCY
Chrome DevTools Protocol with
WebDriver
Rashmi Kumari & Subihit Hazra
1© 2019 ThoughtWorks

2. Challenges
2© 2019 ThoughtWorks

3. Monitoring Network Calls
3© 2019 ThoughtWorks

4. Intercepting & Mocking
4© 2019 ThoughtWorks

5. Mocking Geolocation
5© 2019 ThoughtWorks

6. Service Workers & Push Notifications
6© 2019 ThoughtWorks

7. Managing Cache
7© 2019 ThoughtWorks

8. An UI that uses the Chrome DevTools Protocol as a back-end.
8© 2019 ThoughtWorks
Chrome DevTools

9. Chrome DevTools Protocol (CDP)
● JSON based websocket API.
● Both commands and events are serialized JSON objects of a fixed structure.
● Divided into a number of domains (DOM, Debugger, Network etc.).
● Each domain defines a number of commands it supports and events it generates.
9© 2019 ThoughtWorks

10. Multi-Client Remote Debugging Protocol
Multiple clients can now connect to the same Chrome DevTools Protocol server.
10© 2019 ThoughtWorks

11. CDP In Action
11© 2019 ThoughtWorks

12. WebDriver With CDP
12© 2019 ThoughtWorks

13. Automate and chill !
13© 2019 ThoughtWorks

14. References
● https://chromedevtools.github.io/devtools-protocol/
● https://developers.google.com/web/updates/2017/10/devtools-release-notes
14© 2019 ThoughtWorks

15. Questions?
15© 2019 ThoughtWorks

16. THANK YOU!
16
Rashmi Kumari Subihit Hazra
rashmi.kumari@thoughtworks.com subihit.hazra@thoughtworks.com
@rashmi
@subihit
https://www.linkedin.com/in/rashmi-kumari-87b926a9/ https://www.linkedin.com/in/subihit-hazra-b3379a37/
© 2019 ThoughtWorks