Testing Playground
Simple and complete DOM testing playground that encourage good testing practices.
What is Testing Playground?
Testing Playground is a Chrome extension developed by stephan, and its main feature is "Simple and complete DOM testing playground that encourage good testing practices.".
Extension Screenshots
Download Testing Playground Extension CRX File
Download Testing Playground extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.
Extension Usage Instructions
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. Extension Basic Information
| Name |  Testing Playground |
| ID | hejbmebodbijjdhflfknehhcgaklhano |
| Official URL | https://chromewebstore.google.com/detail/testing-playground/hejbmebodbijjdhflfknehhcgaklhano |
| Description | Simple and complete DOM testing playground that encourage good testing practices. |
| File Size | 646 KB |
| Installation Count | 47,498 |
| Current Version | 1.16.3 |
| Last Updated | 2021-05-31 |
| Publish Date | 2020-06-23 |
| Rating | 4.65/5 Total 48 Ratings |
| Developer | stephan |
| [email protected] | |
| Payment Type | free |
| Extension Website | https://testing-playground.com/ |
| Help Page URL | https://github.com/smeijer/testing-playground/issues |
| Supported Languages | en |
| manifest.json | |
{
"update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
"manifest_version": 2,
"name": "Testing Playground",
"description": "Simple and complete DOM testing playground that encourage good testing practices.",
"version": "1.16.0",
"version_name": "1.16.3",
"minimum_chrome_version": "49",
"icons": {
"16": "icons\/16-production.png",
"32": "icons\/32-production.png",
"48": "icons\/48-production.png",
"128": "icons\/128-production.png"
},
"browser_action": {
"default_icon": {
"16": "icons\/16-production.png",
"32": "icons\/32-production.png",
"48": "icons\/48-production.png",
"128": "icons\/128-production.png"
}
},
"web_accessible_resources": [
"window\/testing-library.js"
],
"devtools_page": "devtools\/main.html",
"content_security_policy": "script-src 'self' 'unsafe-eval' 'sha256-6UcmjVDygSSU8p+3s7E7Kz8EG\/ARhPADPRUm9P90HLM='; object-src 'self'",
"background": {
"scripts": [
"background\/background.js"
],
"persistent": false
},
"permissions": [
"clipboardWrite"
],
"content_scripts": [
{
"matches": [
" | |
