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

(2025-04-06) 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.
(2024-09-23) sathwik keerthi: I hope they update this extention. It will be very useful.
(2024-08-26) Syed Asghar: Not working
(2024-08-04) SINA zinsaz: Its not working
(2024-07-26) 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
(2024-07-10) Abdoo Reda: it works🥇
(2024-07-03) Ramesh Babu: Its not working
(2024-06-24) Paul Tang Arce: it's not working :/
(2024-04-04) Rachel Yordán: Stopped working suddenly and hasn't been updated in years
(2024-03-25) polakampalli vidyasagar: Element selection is very good and it can speed up work. But what about event related testing?
(2024-02-29) Sameer Sheikh: Priceless. Very Useful. I regret, I got to know about it very late.
(2023-10-30) Robin Mayfield: Invaluable. Playwright and others include similar tools, but to have this in the browser is wonderful ;x
(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-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-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-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-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-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-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-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-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-17) Cristian Cuna: A must have if you're using Testing Library!
(2022-09-07) Pump: Great tools
(2022-09-07) Pump: Great tools
(2022-06-22) Tomas Bergl: Removing as it somehow impacts coda.io and prevents sign-in
(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-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-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.
(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-10-28) Josh C: This is a great help for react rendering test! Love it!
(2021-09-18) Tuan Thanh: great stuff
(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-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.

Statistics

Installs

20,000

Links

Extension in store

Developer e-mail