extension ExtPose

Testing Playground

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 Lopez: 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!

Latest issues

  • (2023-09-01, v:1.16.3) Pat S: As of Sept 2023, extension doesn't seem to work
    I'm on Chrome Canary v118.0.5979.0 and the extension appears in the pinned list by the URL bar, but it does not appear in the DevTools. Based on other comments I guess it's been broken for a while 🤷
  • (2023-01-10, v:1.16.0) Shravan Sunder: It causes issues with miro
    This extension causes issues loading miro
  • (2022-09-23, v:1.16.0) Jakub Chodorowicz: Conflict with Miro
    Hey, your extension breaks Miro, unfortunately. I've posted it on their forums https://community.miro.com/ask-the-community-45/miro-broken-when-used-with-testing-library-extension-9916
  • (2022-01-17, v:1.16.0) Niall McKenna: Element pointer isn't working
    I've just installed the extension and the element pointer doesn't activate when clicked, and so I can't get the extension to work as expected when I point at or click on an element.
  • (2021-10-08, v:1.16.0) Abraham Chan: Coda.io incompatibility
    Just fyi, this extension causes problems when using the website coda.io It worked fine in incognito so I removed extensions one by one until it started working and it was this one.
  • (2021-05-20, v:1.15.2) Long Hoang (Longwashere): Does this work within an Iframe?
    Can this chrome extension access the content of an iframe? I.E storybook loads components into an iframe, can testing-playground access those components?
  • (2021-03-12, v:1.15.1) Steven Pribilinskiy: Please add an option to set custom data-testid
    Here we use data-hook instead as we are using these for both tests and Pendo (analytics). See https://testing-library.com/docs/queries/bytestid#overriding-data-testid about overriding data-testid. Thanks for the extension!
  • (2021-02-15, v:1.15.1) Julian Coy: Selector not being recognized? Still functions, just oddly
    See the issue here: https://share.getcloudapp.com/z8uP6XyJ The suggested selector is `getByRole` but the message says "Nice! is a great selector! Using getByRole would still be preferable though." The selector is still generated nicely, but the messaging just looks a little messed up.
  • (2020-06-25, v:1.0.2) Eric Frank: Hides Jira Reply button on ticket comments when installed on Chrome
    Will hide the Reply button for Comments on Jira tickets if User installs this extension.

Statistics

Installs
47,498 history
Category
Rating
4.6078 (51 votes)
Last update / version
2021-05-31 / 1.16.3
Listing languages
en

Links