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.

Download

Extension stats

By: stephan

View on Chrome Web Store

Users: 40,000+

Rating: 4.32 (60) ▲ 0.02

Version: 1.16.3 (Last updated: 2021-05-31)

Creation date: 2020-06-23

Risk impact: Moderate risk impact

Risk likelihood: Very low risk likelihood

Manifest version: 2

Permissions:

clipboardWrite

Size: 661.50K

Email: st*****@geoxs.net

Ranking

# 4538 ▼ 36

Other rankings

#640 in Developer Tools ▼ 2

#1 in testing keyword 26

#64 in developer tools keyword 58 ▲ 8

#115 in query keyword 6 ▲ 1

#132 in element keyword 22 ▲ 6

Upgrade to see more rankings

Other platforms

Not available on Firefox

Not available on Edge

Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

Analyze keywords

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

These summaries are automatically generated weekly using AI based on recent user reviews. Chrome Web Store does not verify user reviews, so some user reviews may be inaccurate, spammy, or outdated.

Pros

Very useful for element selection, especially in React and Jest
Invaluable tool, especially compared to similar tools in frameworks like Playwright
Can speed up work significantly

Cons