Testing Playground

Download / Install How to install an extension

CRX id

hejbmebodbijjdhflfknehhcgaklhano

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

(2023-10-30) Robin Mayfield: Invaluable. Playwright and others include similar tools, but to have this in the browser is wonderful ;x
(2023-10-16) Robbert van Markus: Great
(2023-07-25) Vamshi Saggurthi: very useful especially in react and jest
(2023-07-17) 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.
(2023-06-07) Sam Kendrick: Oh good, I don't have to make this extension for myself. Thank you and 1M points to you.
(2023-05-04) Jacob Weber: Breaks Miro.
(2023-01-10) Shravan Sunder: Great extension. However it causes issues with miro and a few other sites. they do not load.
(2022-12-20) Vivek Jaiswal: working, but good for beginners
(2022-11-21) 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.
(2022-10-29) Johan Bjerkem: This is great! I wish the select element button showed when it was active.
(2022-09-21) Kokan Malenko: The most useful library for testing!
(2022-09-17) Cristian Cuna: A must have if you're using Testing Library!
(2022-09-07) Pump: Great tools
(2022-06-22) Tomas Bergl: Removing as it somehow impacts coda.io and prevents sign-in
(2022-05-26) 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.
(2022-04-13) Rob Monteiro: Absolute garbage - does nothing. No documentation on how to use it. Too bad, sounds like it would be useful if it worked.
(2022-02-07) Olle Hellgren: Really helpful when looking up elements and providing feedback about possible improvements of your code.
(2021-12-16) Lucas Santos: MEU DEUSSSSSSSSSSSSSSSSSSSSSSSSSSSS
(2021-10-28) Josh Chan: This is a great help for react rendering test! Love it!
(2021-09-18) Tuan Thanh: great stuff
(2021-05-25) 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.
(2021-04-01) Simon Somlai: Awesome 🙌
(2021-02-27) Jacob Evans: Extremely helpful for testing UI in Chrome
(2021-02-15) Julian Coy: A minor bug when I downloaded it, but who cares? It's still usable and holy cow is it helpful.
(2021-02-08) Fernando Cardona: Great stuff !!
(2021-02-03) Pedro Ramalho Figueirêdo: Excellent. Now learning the queries is much easier.
(2021-01-19) Troy Murphy: What an amazing idea! Good work!
(2020-12-08) Josh Fraser: Great extension, makes it incredibly easy to find the best testing query. Encourages good testing practices and writing accessible content.
(2020-08-27) Sravan Kumar: Very handy extension, I love it!! Keep up the good work :-)
(2020-08-13) Jonathan Madelaine: Great extension that makes it quick and easy to find elements in the dom and write more reliable tests.
(2020-07-20) Maurício Tasca: Very Helpful! Love the suggested query functionality!
(2020-07-07) Dino Kacavenda: Wow, this is fantastic
(2020-06-24) Kent C. Dodds: This makes it soooo much easier to know which query to use when testing my app!

Statistics

Installs

40,000

Links

Extension in store

Developer e-mail