Testing Playground icon

Testing Playground

Extension Actions

CRX ID
hejbmebodbijjdhflfknehhcgaklhano
Status
  • Live on Store
Description from extension meta

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

Image from store
Testing Playground
Description from store

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.

Latest reviews

Kit Randel
Posting in the hope that this extension can be updated to comply with Chrome's new standards for extensions. This is a very useful tool.
sathwik keerthi
I hope they update this extention. It will be very useful.
Syed Asghar
Not working
SINA zinsaz
Its not working
Veaceslav BARBARII
It works. If it doesn't for you, try disabling the ad blocker (it helped me). P.S. The generated selectors are not as good as those provided by testing-playground.com
Abdoo Reda
it works🥇
Ramesh Babu
Its not working
Paul Tang Arce
it's not working :/
Rachel Yordán
Stopped working suddenly and hasn't been updated in years
polakampalli vidyasagar
Element selection is very good and it can speed up work. But what about event related testing?
Sameer Sheikh
Priceless. Very Useful. I regret, I got to know about it very late.
Robin Mayfield
Invaluable. Playwright and others include similar tools, but to have this in the browser is wonderful ;x
Robin Mayfield
Invaluable. Playwright and others include similar tools, but to have this in the browser is wonderful ;x
Robbert van Markus
Great
Robbert van Markus
Great
Vamshi Saggurthi
very useful especially in react and jest
Sam Prince
Not bad, but quite often comes up with no suggestion for how to select a form field. Playwright always seems to manage something, however "inelegant" it might be, so it's a shame this extension just gives up when a limited set of options have been exhausted. I would rather it suggested a selector which was bad and issued a warning to that effect.
Sam Prince
Not bad, but quite often comes up with no suggestion for how to select a form field. Playwright always seems to manage something, however "inelegant" it might be, so it's a shame this extension just gives up when a limited set of options have been exhausted. I would rather it suggested a selector which was bad and issued a warning to that effect.
Sam Kendrick
Oh good, I don't have to make this extension for myself. Thank you and 1M points to you.
Sam Kendrick
Oh good, I don't have to make this extension for myself. Thank you and 1M points to you.
Jacob Weber
Breaks Miro.
Jacob Weber
Breaks Miro.
Shravan Sunder
Great extension. However it causes issues with miro and a few other sites. they do not load.
Vivek Jaiswal
working, but good for beginners
Vivek Jaiswal
working, but good for beginners
Malte Dölker
Useful tool! But impacts functionality of some sites. Miro.com Online Whiteboard tool does not load when this extension is enabled. Setting it to enable-on-click solves it.
Malte Dölker
Useful tool! But impacts functionality of some sites. Miro.com Online Whiteboard tool does not load when this extension is enabled. Setting it to enable-on-click solves it.
Johan Bjerkem
This is great! I wish the select element button showed when it was active.
Johan Bjerkem
This is great! I wish the select element button showed when it was active.
Kokan Malenko
The most useful library for testing!
Kokan Malenko
The most useful library for testing!
Cristian Cuna
A must have if you're using Testing Library!
Cristian Cuna
A must have if you're using Testing Library!
Pump
Great tools
Pump
Great tools
Tomas Bergl
Removing as it somehow impacts coda.io and prevents sign-in
Tomas Bergl
Removing as it somehow impacts coda.io and prevents sign-in
Richard Kirk
If it is not working for you, open devtools, click on the gear in the top left, and scroll to the bottom and hit the button that says reset defaults and reload.
Richard Kirk
If it is not working for you, open devtools, click on the gear in the top left, and scroll to the bottom and hit the button that says reset defaults and reload.
Rob Monteiro
Absolute garbage - does nothing. No documentation on how to use it. Too bad, sounds like it would be useful if it worked.
Rob Monteiro
Absolute garbage - does nothing. No documentation on how to use it. Too bad, sounds like it would be useful if it worked.
Olle Hellgren
Really helpful when looking up elements and providing feedback about possible improvements of your code.
Olle Hellgren
Really helpful when looking up elements and providing feedback about possible improvements of your code.
Lucas Santos
MEU DEUSSSSSSSSSSSSSSSSSSSSSSSSSSSS
Josh Chan
This is a great help for react rendering test! Love it!
Josh C
This is a great help for react rendering test! Love it!
Tuan Thanh
great stuff
Tuan Thanh
great stuff
Lucas Andrade
This is awesome, I was very unmotivated with RTL because I always had to spend to much time adding ids, then finding the best way to query the element with that id. This tool is saving me a lot of time.
Lucas Andrade
This is awesome, I was very unmotivated with RTL because I always had to spend to much time adding ids, then finding the best way to query the element with that id. This tool is saving me a lot of time.