Chrome Step Recorder

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

什麼是Chrome Step Recorder?

Chrome Step Recorder是由Richard Edwards開發的Chrome擴展程式,該擴展的主要功能是“Record user actions into manual steps with screenshots and page performance timings”。

擴展截圖

screenshot
screenshot
screenshot

下載Chrome Step Recorder擴展crx文件

下載Chrome Step Recorder擴展crx格式的文件,手動將Chrome擴充功能安裝到瀏覽器中,也可以將crx文件分享給朋友,輕鬆安裝Chrome擴充功能。

擴展使用說明

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

擴展基本資訊

名稱 Chrome Step Recorder Chrome Step Recorder
ID ojhcleddagaoaplflbafhpekcciikdop
官方網址 https://chromewebstore.google.com/detail/chrome-step-recorder/ojhcleddagaoaplflbafhpekcciikdop
簡介 Record user actions into manual steps with screenshots and page performance timings
檔案大小 107 KB
安裝次數 4,536
目前版本 0.45.28
更新時間 2023-05-11
上架時間 2020-12-18
評分 4.20/5 共 5 次評分
開發者 Richard Edwards
電子郵箱 [email protected]
付費類型 free
支援的語言 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
        }
    }
}