Selenium BIDI: The Future of Fast, Efficient Automation with Performance Metrics

Selenium BIDI (Bidirectional Communication) enhances browser automation by enabling direct interaction with internal browser APIs, allowing features like performance tracking, network interception, and device emulation.

Pls note, Selenium BiDi protocol is still in development phase and evolving for Selenium java, and some features may be limited depending on the browser or Selenium version — https://www.selenium.dev/blog/2024/bidi-java-breaking-change/ . Also, DevTools features are specific to browsers (e.g., Chrome and Edge) and provide control over browser internals, like device emulation, network monitoring, and performance analysis. These features are exposed through their respective drivers (ChromeDriver, EdgeDriver) and are not part of the standard WebDriver interface. Once all the features are fully developed implemented, and stable version are released. I has the potential to be game-changer for automation

Selenium BIDI Key features:

• Performance Monitoring: Track and analyze CPU, memory, and rendering performance in real-time. • Network Interception: Simulate network requests, responses, slow network (2G, 3G, 4G) traffic conditions. • Device Emulation: Simulate devices like iPhones, tablets, and test responsiveness for different screen sizes and orientations. • Real-Time Monitoring: Monitor network requests, DOM changes, and console logs during test execution. • Error Tracking: Capture browser console logs, network errors, and JavaScript runtime issues. • Custom JavaScript Execution: Inject and execute scripts to retrieve data or manipulate browser during tests. • Visual Regression Testing: Detect unintended UI changes by comparing screenshots with baseline images. • Web Authentication and Security Test: Automate authentication (e.g., basic auth, Oauth) and validate security headers and SSL handling.

In this blog, I delve into the capabilities of Selenium BiDi, showcasing its most exciting features. To demonstrate these, I created a Maven-based Java project. Initially, I tested these features using the latest version of Chrome (v128), but encountered several compatibility issues despite using the most recent Chrome DevTools Protocol. As a result, I switched to the Edge browser, which enabled me to explore numerous key features with minimal challenges. Below, I’ve outlined the standout features I discovered while working with Edge:

Device Emulation

• Emulate Mobile Devices: BiDi allows you to emulate different devices, such as smartphones and tablets, including various screen sizes, resolutions, and pixel densities.
• Emulate Device Orientations: You can switch between portrait and landscape modes to test how your application responds to orientation changes.
• Emulate Hardware: BiDi enables you to simulate different hardware characteristics like device pixel ratio (DPR) and touch events.

Use Case: Test how your website behaves on different devices (iPhone, Android, etc.) without needing physical devices, ensuring responsive designs are properly implemented.

Browser Geolocation Emulation

• Geolocation Emulation: BiDi allows to set and simulate different geographic locations for your tests, useful when testing location-based features.

Use Case: Test web applications with device-specific features (such as geolocation, sensors, or touch gestures) in a controlled, repeatable manner.

Network Interception and Manipulation

• Capture and Modify Network Requests: With BiDi, you can intercept network traffic, modify requests and responses, or block certain resources (such as images, CSS files, or JavaScript).
• Simulate Network Latency: You can simulate different network conditions, such as high latency or packet loss, to test how your application behaves under poor network conditions.
• Network Throttling: Set network throttling parameters (e.g., slow 3G) to test the app’s behavior under varying network speeds.

Use Case: Simulate network failures, slow connections, or modify responses to test the resilience of web applications under different network conditions.

Performance and traffic Monitoring

• Track Resource Usage: With BiDi, you can track performance metrics such as CPU usage, memory consumption, JavaScript heap size, and rendering performance in real time.
• Collect Frame Rates: Monitor the browser’s rendering performance (FPS) to identify any performance bottlenecks in animations or dynamic content.
• Network Request Metrics: Analyze network requests, including load times and request/response sizes, for improved performance insights.
• JavaScript Execution Metrics: Track the execution time of scripts and identify any performance issues related to JavaScript execution.

Use Case: Automate performance tests and monitor resources like CPU and memory during automated tests to identify inefficiencies or potential bottlenecks.

In conclusion, Selenium BiDi opens up a world of possibilities for modern web automation, bridging the gap between traditional WebDriver capabilities and advanced browser debugging protocols. By enabling powerful features like network interception, device emulation, and performance monitoring, it empowers testers and developers to gain deeper insights into application behavior and ensure robust, user-friendly experiences. As web applications continue to evolve, leveraging tools like Selenium BiDi will be key to staying ahead in the realm of automation and delivering high-quality digital solutions. Happy testing!