Last mile to reliable Test automation

Browser Instrumentation with Dev Tools

Chrome DevTool Protocol

  • Chrome DevTools Protocol allows for tools to the instrument, inspect, debug and profile.
  • It exposes API to access the Dev tool feature.

Accessibility

Animation

Audits

Browser

Console

Database

Debugger

Emulation

Inspector

Fetch

Network

Performance

Log

Runtime

DevTools as Protocol client

Debugger

client

CDP

ws:/debugger

Browser Instance

Sniffing Chrome DevTool Protocol

alias google-chrome="/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome"

google-chrome --remote-debugging-port=9222 https://thoughtworks-bangalore.github.io/vodQA/

Selenium Architecture

Driver

CDP

W3C

Chrome Driver

CDP

W3C

client/test

Architecture

proxy

Taiko

Demo

Remote Debug

Built-in

Adapter

Adapter

Adapter

CDP Protocol AKA Remote Debug

Tool

DevTool

Editor

RemoteDebug is an initiative to bring a common remote debugging protocol to today's browsers. Vision is to enable a new generation of DevTools and editors that are able to communicate independently of their vendor.

By Kenneth Auchenberg

Made with Slides.com