What is Chrome Step Recorder?

Chrome Step Recorder is a Chrome extension developed by Richard Edwards, and its main feature is "Record user actions into manual steps with screenshots and page performance timings".

Extension Screenshots

Download Chrome Step Recorder Extension CRX File

Download Chrome Step Recorder 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's new**
-> Added keyboard shortcut to capture current state - Default is Ctrl+Shift+1 to snap the screen but Chrome let's you manages these shortcuts here: chrome://extensions/shortcuts
-> Manifest v3 - behind the scenes google extension stuff
-> Few other bugs squashed
-> Export steps now write annotations too

Key Features:
- Automatically record detailed user actions and screenshots from manual interaction with web pages.
- Captures events, object identifiers, URLs, titles, detailed page timings and screenshots.
- Once ready, view the detailed results, press ctrl+s and create a single, detailed flat file of test evidence of every action undertaken in the browser.
- Annotate your steps to add further detail and track questions, bugs or ideas

Why?
As a tester, I'm forever capturing test evidence for steps that are undertaken. This is especially tricky when doing exploratory testing and trying to recreate any issues.
This extension is the solution to creating highly detailed test evidence files with no effort.
Do your test, save the results web page and upload it to whichever management tool is used.

Use cases:
** Manual test execution evidence capture
** Exploratory test tracking
** SME/Business process/data capture - they do it, you can harvest their knowledge
** Story-booking the execution of automation (have the extension turned on while automation runs)
** Encourage non-testers to capture the best level of detail possible

Instructions:
1. Install the extension
2. Click the extension and open the popup (strongly recommend pinning the extension!)
3. Click the slider to turn on recording - the icon adds a red dot.
4. Create a new tab and do your test actions!
5. At any point, open the extension and press "Peek Steps" to see a subset of has been recorded.
6. For any checkpoints, open the popup and press "Capture Current State" to snap a pic of the application or press Ctrl+Shift+1 (shortcut changeable at chrome://extensions/shortcuts). This is especially useful for the final state of the application.
7. When complete, click the slider to stop recording (you can turn it on and off as many time as required) and click "Open Detailed Results Tab". On the detailed results tag you can annotate your steps. Type #bug, #question or #idea to add colour to field.
8. Review the steps, press ctrl+s and save the detailed results web page Or press ctrl+p to print to a PDF
9. Ready for the next test? - Open the popup and press Clear Steps and start recording again!

*The extension should not record password entries by filtering element 'type=password' - but please validate result files before saving.

Accessibility – we have used the Chrome Lighthouse accessibility tool to assess this extension and have achieved a score of 100/100. We are always considering accessibility as part of our digital experience. If you have any accessibility concerns please contact us via https://shiftleft.today/accessibility-statement

Extension Basic Information

Name	Chrome Step Recorder
ID	ojhcleddagaoaplflbafhpekcciikdop
Official URL	https://chromewebstore.google.com/detail/chrome-step-recorder/ojhcleddagaoaplflbafhpekcciikdop
Description	Record user actions into manual steps with screenshots and page performance timings
File Size	107 KB
Installation Count	4,536
Current Version	0.45.28
Last Updated	2023-05-11
Publish Date	2020-12-18
Rating	4.20/5 Total 5 Ratings
Developer	Richard Edwards
Email	[email protected]
Payment Type	free
Supported Languages	en-GB
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "Chrome Step Recorder", "version": "0.45.28", "description": "Record user actions into manual steps with screenshots and page performance timings", "action": { "default_popup": "popup.html", "default_icon": { "1": "icon1.png" } }, "icons": { "16": "icon1.png", "128": "icon128.png" }, "permissions": [ "storage", "tabs", "unlimitedStorage" ], "host_permissions": [ "" ], "background": { "service_worker": "background.js" }, "manifest_version": 3, "content_scripts": [ { "run_at": "document_idle", "matches": [ "" ], "js": [ "storage.js", "content.js" ] } ], "commands": { "shortcut_screenshot": { "suggested_key": { "windows": "Ctrl+Shift+1", "mac": "Command+Shift+1", "linux": "Ctrl+Shift+1" }, "description": "Capture Current State keyboard shortcut", "global": false } } }