Testing Playground

Featured

4.6(

51 ratings

)

Extension Developer Tools40,000 users

Overview

Simple and complete DOM testing playground that encourage good testing practices.

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.

4.6 out of 5
51 ratings
Google doesn't verify reviews. Learn more about results and reviews.

Rachel Yordán
Apr 4, 2024

Stopped working suddenly and hasn't been updated in years

1 out of 2 people found this helpful

polakampalli vidyasagar
Mar 25, 2024

Element selection is very good and it can speed up work. But what about event related testing?

1 person found this review to be unhelpful

Sameer Sheikh
Feb 29, 2024

Priceless. Very Useful. I regret, I got to know about it very late.

Details

Version
1.16.3
Updated
May 31, 2021
Report a concern
Offered by
stephan
Size
646KiB
Languages
English
Developer
GeoXS B.V.
Bleeklaan 106 Leeuwarden 8921 HD NL
Email
stephan@geoxs.net
Trader
This developer has identified itself as a trader per the definition from the European Union.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

Not being sold to third parties, outside of the approved use cases
Not being used or transferred for purposes that are unrelated to the item's core functionality
Not being used or transferred to determine creditworthiness or for lending purposes

Support

Redux DevTools

4.6(698)

Redux DevTools for debugging application's state changes.

daily.dev | The homepage developers deserve

4.9(2.1K)

Get one personalized feed for all the knowledge you need as a developer.

GraphQL Network Inspector

4.9(104)

Simple and clean network inspector for GraphQL

Mokku

4.0(59)

Adds the API mocker MOKKU to Chrome Developer Tools for seamless integration & testing.

Testing Library: which query

3.2(4)

Find the suggested query to use in your tests

Cypress Recorder

4.8(11)

Records a user session and generates cypress code for automation and testing purposes.

React Developer Tools

4.0(1.5K)

Adds React debugging tools to the Chrome Developer Tools. Created from revision b566064da on 4/15/2024.

React Context DevTool

4.6(20)

Devtool for React Context and useReducer

VisBug

4.8(224)

Open source browser design tools

Testing Library Recorder

5.0(1)

Testing Library Extension for Chrome DevTools Recorder

LocatorJS

4.3(52)

LocatorJS Chrome Extension - option-click to code (ReactJS)

Reactime

4.7(32)

A Chrome extension that helps debug React applications by memorizing the state of components with every render.