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.
You can Follow the below Step By Step procedure to install the Testing Playground Chrome Extension to your Chrome Web browser.
It is the Testing Playground Chrome extension download link you can download and install Chrome Browser.
Open source browser design tools
A Chrome extension that helps debug React applications by memorizing the state of components with every render.
Adds React debugging tools to the Chrome Developer Tools. Created from revision 47cf347e4 on 3/8/2024.
Records a user session and generates cypress code for automation and testing purposes.
Get one personalized feed for all the knowledge you need as a developer.
Adds the API mocker MOKKU to Chrome Developer Tools for seamless integration & testing.
Redux DevTools for debugging application's state changes.
Simple and clean network inspector for GraphQL
LocatorJS Chrome Extension - option-click to code (ReactJS)
Devtool for React Context and useReducer