Testing Playground
Item logo image for Testing Playground

Testing Playground

Featured
4.5(

52 ratings

)
Item media 1 screenshot

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.5 out of 552 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Review's profile picture

Rachel YordánApr 4, 2024

Stopped working suddenly and hasn't been updated in years

3 out of 4 found this helpful
Review's profile picture

polakampalli vidyasagarMar 25, 2024

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

1 out of 2 found this helpful
Review's profile picture

Sameer SheikhFeb 29, 2024

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

Details

  • Version
    1.16.3
  • Updated
    May 31, 2021
  • 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

Related

Redux DevTools

4.6(704)

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

5.0(10)

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 1717ab0171 on 5/8/2024.

React Context DevTool

4.6(20)

Devtool for React Context and useReducer

VisBug

4.8(232)

Open source browser design tools

Testing Library Recorder

5.0(1)

Testing Library Extension for Chrome DevTools Recorder

LocatorJS

4.2(56)

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.

Redux DevTools

4.6(704)

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

5.0(10)

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 1717ab0171 on 5/8/2024.

React Context DevTool

4.6(20)

Devtool for React Context and useReducer

Google apps