Testing Playground

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.

The latest version of Testing Playground is available on the Chrome web and is currently being used by 40,000 active users. The initial version was launched on 2020-06-23.

HOW TO INSTALL Testing Playground FROM A CRX FILE

1. Download Testing Playground CRX file
2. NOTE: Sometimes the browser may block downloading / installing CRX file from outside the Chrome Web Store. If so, you may need to download the ZIP file instead
3. In the URL bar, go to chrome://extensions
4. Enable Developer mode

Ratings

USER REVIEWS (0)