Datadog Synthetic Monitoring Now Supports Cross-Browser Testing | Datadog

Datadog Synthetic Monitoring now supports cross-browser testing

Author Mary Jac Heuman

Published: May 19, 2021

Your users access your application from a wide range of browsers, which have their own implementations of HTML, CSS, and JavaScript. For instance, many modern JavaScript features such as Promises and Arrow Functions are unsupported by some browsers. These inconsistencies can lead to missing elements and malfunctioning workflows that affect some—but not all—of your user base. Datadog RUM provides crucial insight into which browsers are most common among your users and where errors are occuring, but it’s important to proactively test your applications on multiple browsers in order to catch issues before your users experience them.

We’re pleased to announce that Datadog Synthetic Monitoring now supports cross-browser testing on both Firefox and Chrome, with additional browsers coming soon. Cross-browser tests can be run automatically on a range of devices and in any environment, including CI pipelines, so teams can deploy changes on a regular basis while providing a consistent experience to every user, regardless of their browser choice.

Proactively detect user-facing issues on both Firefox and Chrome

Datadog Synthetic Monitoring enables you to create code-free, end-to-end browser tests by recording each step of key user journeys and adding specificity with optional assertions. Datadog Synthetic browser tests also use machine learning to detect UI changes and update automatically, so you can spend more time building features and less time maintaining your test infrastructure.

Now, users can run browser tests in both Firefox and Chrome in order to capture browser-specific issues. During the test creation process, simply select which browsers, devices, and locations you want to test against. When the test runs, Datadog will record screenshots of the UI at each step, which will be linked to relevant error messages, resources, and traces. And by comparing runs of the same test on different browsers, you can easily pinpoint styling and functionality issues that are happening at the browser level.

Select the browsers and devices you want to simulate when you create your tests

Shift cross-browser testing to the left

In addition to allowing you to configure tests to run from different locations, devices, and browsers, Datadog also lets you execute the same tests in pre-production environments, including CI pipelines. This enables you to continually verify the performance of new features throughout the development process so you can remain agile, ship with confidence, and prevent code changes from disproportionately affecting a certain subset of your user base. And because Datadog lets you run the same test suite in CI pipelines that you do in production, you don’t have to worry about creating and maintaining separate tests for each environment.

You can use our API and command line interface (CLI) to automate test execution in the CI, and configure key tests to block deployment when they fail. This allows you to protect your production environment from changes that perform inconsistently across different browsers. Tests are executed in parallel, rather than sequentially, in order to prevent blocking tasks from slowing down your pipeline. You can visualize results directly in the Datadog UI, as well as inside the CI pipeline, as shown below.

Visualize cross-browser test results in your CI pipeline

Start building cross-browser tests today

Every browser interprets standards for HTML, CSS, and JavaScript differently, which makes cross-browser testing crucial to ensuring a consistent, quality user experience. Datadog Synthetic Monitoring enables you to create automated, self-maintaining browser tests without any code, which can now be run on both Firefox and Chrome, as well as on a range of devices and in any environment. We’ll also be adding support for Internet Explorer and Edge in the coming months, so stay tuned.

Visit our documentation for detailed instructions on how to create Synthetic browser tests. Or, if you’re not signed up with Datadog, get started with a 14-day free trial.