Chrome Step Recorder
Item logo image for Chrome Step Recorder

Chrome Step Recorder

Featured
4.3(

6 ratings

)
Item media 3 screenshot
Item media 4 screenshot
Item video thumbnail
Item media 2 screenshot
Item media 3 screenshot
Item media 4 screenshot
Item video thumbnail
Item media 2 screenshot
Item video thumbnail
Item media 2 screenshot
Item media 3 screenshot
Item media 4 screenshot

Overview

Record user actions into manual steps with screenshots and page performance timings

**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

4.3 out of 56 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Review's profile picture

C. ToddJan 21, 2024

Powerful tool for creating quick user docs or providing developers documentation of issues during Alpha/Beta testing.

Review's profile picture

Staging SiteJan 18, 2023

Load time is not capturing correctly. It is capturing just previous step Load time in the Next event. Please look into this.

0 out of 2 found this helpful
Replier's profile picture

Richard EdwardsDeveloperFeb 3, 2023

Hi, If there's a specific site where you're seeing an repeatable issues please let me know via the "contact the developer" link and i'll happily support. Other than this, it seems to be working as expected. The tool is designed to capture, store and present the information available at the time of each action. Clicking a link is the action, you get the time *THAT* page was loaded, not the time the subsequent page took to load. You just need to do an action on the next page to get the next page's load time. The page load timings you see are capture by Chrome - it uses the PAGE NAVIGATION API (link at the end!). Things like async JS calls and lazy loading are not part of this catpure processs. The key bit is that if the page does not change, and you do multiple actions, the timings in chrome do not change. Since chrome doesn't change the tool doesn't have any further data to present. Think of a quick google search as a use case: 1. Hit the google home page and enter something in the search box - page load time is captured 1234ms. 2. Press the search button - page load time is still 1234ms because when you pressed search, this was the home page's timings. 3. On the search results page, do a "capture current state" - page load timings are now 321ms. The page changed, chrome capture the new values. If in doubt and you still don't want to see the page load times, you can disable them from the view by unticking the box labelled "Page information - Show page times" on the detailed resutls page. You can see this information in its raw form in devtools by running: window.performance.getEntriesByType("navigation")[0] IF you need to know more about these timings, they're a web standard - this is a handy site to learn more: https://developer.mozilla.org/en-US/docs/Web/API/Navigation_timing_API

Review's profile picture

Paul Michael Madrona TicarJul 25, 2022

Savior!!!, just looking for a shortcut key for Capture Current State, since some interactions won't be captured automatically.

1 person found this review to be helpful
Replier's profile picture

Richard EdwardsDeveloperJul 25, 2022

Hi - thanks for the review and the feedback. I've just implemented a keyboard shortcut to capture the current state as requested - it's with google to review then it will auto-publish. Keep an eye out and it will be with you soon 👍 Default is keys are set to Ctrl+Shift+Q but (docs say) you can change this yourself as you need at chrome://extensions/shortcuts as you need.

Details

  • Version
    0.45.28
  • Updated
    May 11, 2023
  • Offered by
    Richard Edwards
  • Size
    107KiB
  • Languages
    English (UK)
  • Developer
    Email
    richard.edwards@redwardsconsultancy.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

Related

MagicHow: Documentation, Screenshots & SOPs

5.0(4)

Advanced step recorder with screenshot annotations & PDF export. Document any process and create how-to guides & SOPs instructions.

Record/Replay

3.2(9)

Browser automation package. Easy to use and open source. Integrated functional testing framework.

Flowster Capture: screenshots, training, SOPs

5.0(7)

Automate screen capture & screenshots for training & standard operating procedure (SOP) workflows.

SpiraCapture - Exploratory Testing Tool

5.0(2)

Record exploratory testing sessions and integrates with Spira

Testsigma Recorder

4.4(14)

Swiftly record E2E interactions with your web applications and store the actions in plain English-based tests directly on the cloud.

Tango: Create how-to guides with screenshots

4.9(339)

Easily create beautiful how-to guides with perfectly cropped screenshots in minutes.

Scribe: AI Documentation, SOPs & Screenshots

4.9(599)

Auto-generate step-by-step guides, just by clicking record. Save your team 20+ hours/month vs. video and text tutorials.

QAS Web Recorder

5.0(3)

QMetry Automation Studio Web Recorder

Chromium browser automation

3.5(190)

Extension for automating chromium browser, Create project -> Record -> Edit Automation -> Manage -> Play

Step Guide Creator

1.0(2)

Quickly create software training and help documentation by recording actions inside web applications.

Steps Recorder by Flonnect Capture

4.0(4)

Capture step-by-step guide and convert it to PDF with steps recorder chrome extension.

TestCase Studio

5.0(178)

TestCase Studio record the user actions performed on a web application in English Sentences.

MagicHow: Documentation, Screenshots & SOPs

5.0(4)

Advanced step recorder with screenshot annotations & PDF export. Document any process and create how-to guides & SOPs instructions.

Record/Replay

3.2(9)

Browser automation package. Easy to use and open source. Integrated functional testing framework.

Flowster Capture: screenshots, training, SOPs

5.0(7)

Automate screen capture & screenshots for training & standard operating procedure (SOP) workflows.

SpiraCapture - Exploratory Testing Tool

5.0(2)

Record exploratory testing sessions and integrates with Spira

Testsigma Recorder

4.4(14)

Swiftly record E2E interactions with your web applications and store the actions in plain English-based tests directly on the cloud.

Tango: Create how-to guides with screenshots

4.9(339)

Easily create beautiful how-to guides with perfectly cropped screenshots in minutes.

Scribe: AI Documentation, SOPs & Screenshots

4.9(599)

Auto-generate step-by-step guides, just by clicking record. Save your team 20+ hours/month vs. video and text tutorials.

QAS Web Recorder

5.0(3)

QMetry Automation Studio Web Recorder

Google apps