Testing Playground: DOM Testing Extension for Chrome
Extension stats
Ranking
Other platforms
Extension 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
- Very useful for testing in React and Jest
- Invaluable tool for developing and testing in the browser
- Element selection is often praised as good
- Frequently reported as not working
- Has compatibility issues with Miro and other sites
- Limited suggestions for selecting form fields
- Not working
- Works with the suggestion to disable ad blockers or use incognito mode
- Breaks Miro
User reviews
Extension safety
Risk impact
Testing Playground requires a few sensitive permissions. Exercise caution before installing.
Risk likelihood
Testing Playground has earned a good reputation and can be trusted.
Promo images
Similar extensions
Here are some Chrome extensions that are similar to Testing Playground: