What is Chromogen?

Chromogen is a Chrome extension developed by chromogen.app, and its main feature is "DevTool panel for Chromogen, a UX-driven test generator for Recoil apps.".

Extension Screenshots

Download Chromogen Extension CRX File

Download Chromogen 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

What is Chromogen?
Chromogen is an automatic, interaction-driven test generator for React applications that use the Recoil.js state management library.

How do I use Chromogen?
After installing the Chromogen npm package, interaction recording and test file downloading are controlled via buttons (rendered by Chromogen) in your application UI. This DevTool panel provides an alternative interface for these buttons.

How can I contribute / report a bug / say hello?
github.com/oslabs-beta/Chromogen / [email protected]

IMPORTANT: You must [ npm install Chromogen ] in your app before using this extension.

Extension Basic Information

Name	Chromogen
ID	cciblhdjhpdbpeenlnnhccooheamamnd
Official URL	https://chromewebstore.google.com/detail/chromogen/cciblhdjhpdbpeenlnnhccooheamamnd
Description	DevTool panel for Chromogen, a UX-driven test generator for Recoil apps.
File Size	609 KB
Installation Count	16
Current Version	0.1.0
Last Updated	2020-09-06
Publish Date	2020-09-06
Rating	5.00/5 Total 3 Ratings
Developer	chromogen.app
Email	[email protected]
Payment Type	free
Extension Website	https://github.com/oslabs-beta/Chromogen
Help Page URL	https://github.com/oslabs-beta/Chromogen
Supported Languages	en-US
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "Chromogen", "version": "0.1.0", "manifest_version": 2, "description": "DevTool panel for Chromogen, a UX-driven test generator for Recoil apps.", "author": "Chromogen Team", "icons": { "128": ".\/imgs\/chromogen-logo.png" }, "devtools_page": "devtools.html", "background": { "persistent": false, "scripts": [ "bundles\/background.bundle.js" ] }, "content_scripts": [ { "matches": [ "" ], "js": [ "bundles\/content.bundle.js" ] } ] }