Testing Playground
Simple and complete DOM testing playground that encourage good testing practices.
What is Testing Playground?
Testing Playground is a Chrome extension designed to simplify DOM testing. It integrates with your Chrome Developer Tools, providing two new tabs that help inspect element hierarchies and offer suggestions for selecting them. The extension promotes better testing practices by giving feedback on the performance of queries. Once an element is selected on the page, the 'Testing Playground' tab will auto-select it, displaying potential queries for your tests.

Stats
- clipboardWrite
Chrome-Stats Rank
Other platforms

Summary
Adds Testing-Playground to the Chrome Developer Tools.
Testing Playground is an extension that helps you find the best queries to select elements for the open-source Testing-Library family. It allows you to inspect the element hierarchies in the Chrome Developer Tools, and provides you with suggestions on how to select them, while encouraging good testing practices.
You will get two new tabs in your Chrome DevTools: "🐸 Testing Playground" as a tab, and as a side panel under the "Elements" tab.
By selecting one of the elements on the page, you can inspect the different queries that can be used to select the element in your tests, and get feedback that tells you when and why there are better queries available.
If you inspect an element on the page using the regular Elements tab, then switch over to the Testing Playground tab, that element will be automatically selected.
User reviews
User reviews summary
Pros
- Saves time in conducting tests and creating ids
- Great for learning queries
- Useful for testing UI in Chrome
- Encourages good testing practices and writing accessible content
Cons
- Impacts functionality of some sites, such as Miro and Coda.io
- Sometimes no suggestions for how to select a form field
- Lack of proper documentation
- Does not always work
Most mentioned
- Useful for testing
- Impacts other sites
- Lack of suggestions
Safety
Risk impact
Testing Playground may not be safe to use and it requires some risky permissions. Exercise caution when installing this extension. Review carefully before installing.
Risk likelihood
Testing Playground has earned a good reputation and can be trusted.
Screenshots
Promo images
Similar extensions
Here are some Chrome extensions that are similar to Testing Playground: