Generate Cypress commands by clicking on elements. © 2024 MD AQUIL. All rights reserved.
Q-Cypress Extension
Q-Cypress 1.0
Quick and Quality Cypress command generation for any web element, right from your browser!
Description:
Q-Cypress 1.0 (Quick and Quality Cypress) is a robust Chrome extension designed to streamline Cypress test creation. Just click the extension icon, activate “Inspect” mode, and select any element on the page to instantly generate a Cypress command. Q-Cypress intelligently prioritizes attributes like `data-testid`, `id`, and `class` to ensure the generated selectors are both reliable and readable.
Built for developers and QA engineers, Q-Cypress minimizes the time and effort spent on writing Cypress selectors, making your test creation faster and more accurate.
Features:
1. Quick Cypress Command Generation: With a simple \"Inspect\" mode in the popup, you can instantly generate Cypress selectors by clicking on any element.
2. Quality Selector Prioritization: Q-Cypress focuses on `data-testid`, `id`, `class`, and other key attributes to create high-quality, robust selectors.
3. User-Friendly Popup Interface: Easily copy or clear commands directly from the popup.
4. Smooth Browser Integration: Operates seamlessly within your browsing experience without interrupting other site functions.
How to Use:
1. Click the Q-Cypress 1.0 icon in the Chrome toolbar to open the popup.
2. In the popup, click \"Inspect\" to activate element selection mode.
3. Click any element on the page, and a Cypress command will immediately display in the popup. Copy it with one click to add it to your tests.
Note: Q-Cypress 1.0 © 2024 MD AQUIL. All rights reserved. Unauthorized use, reproduction, or distribution of this extension is prohibited.
Permissions Needed:
This extension requires access to the current tab to generate Cypress commands accurately based on selected elements.
Read more
Quick and Quality Cypress command generation for any web element, right from your browser!
Description:
Q-Cypress 1.0 (Quick and Quality Cypress) is a robust Chrome extension designed to streamline Cypress test creation. Just click the extension icon, activate “Inspect” mode, and select any element on the page to instantly generate a Cypress command. Q-Cypress intelligently prioritizes attributes like `data-testid`, `id`, and `class` to ensure the generated selectors are both reliable and readable.
Built for developers and QA engineers, Q-Cypress minimizes the time and effort spent on writing Cypress selectors, making your test creation faster and more accurate.
Features:
1. Quick Cypress Command Generation: With a simple \"Inspect\" mode in the popup, you can instantly generate Cypress selectors by clicking on any element.
2. Quality Selector Prioritization: Q-Cypress focuses on `data-testid`, `id`, `class`, and other key attributes to create high-quality, robust selectors.
3. User-Friendly Popup Interface: Easily copy or clear commands directly from the popup.
4. Smooth Browser Integration: Operates seamlessly within your browsing experience without interrupting other site functions.
How to Use:
1. Click the Q-Cypress 1.0 icon in the Chrome toolbar to open the popup.
2. In the popup, click \"Inspect\" to activate element selection mode.
3. Click any element on the page, and a Cypress command will immediately display in the popup. Copy it with one click to add it to your tests.
Note: Q-Cypress 1.0 © 2024 MD AQUIL. All rights reserved. Unauthorized use, reproduction, or distribution of this extension is prohibited.
Permissions Needed:
This extension requires access to the current tab to generate Cypress commands accurately based on selected elements.
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Q-Cypress", "version": "1.0", "description": "Generate Cypress commands by clicking on elements. \u00a9 2024 MD AQUIL. All rights reserved.", "permissions": ["storage"], "background": { "service_worker": "background.js" }, "action": { "default_popup": "popup.html", "default_icon": "icons/icon48.png" }, "icons": { "16": "icons/icon16.png", "48": "icons/icon48.png", "128": "icons/icon128.png" }, "content_scripts": [ { "matches": [""], "js": ["content.js"] } ] } "
Read more