Field entry 08 · Browser extensionRecords on any page
Record a test on any page.
Add the extension, press Start recording and use the site the way a customer would. Every click and keystroke becomes a step you review and save as a test case.
EmailDeliveryStandard, 3 to 5 daysEmail me order updates
Basecamp tent 2PSand · 1Total $349
Saved0:249 stepsTypeEmailPauseStop and saveOpen review
Saved as draft. Opening review.
Fernleaf Supply workspace
App
SStorefrontDev
Start recording
or press CtrlShiftR
Element librarySettings
Review recording Draft
Storefront · Dev · fernleaf.app · 9 steps · 0:24
StepActionFound by
01ClickSearch boxtest id
02TypeSearch box tenttest id
03ClickBasecamp tent 2Prole and name
04Page/products/basecamp-tent-2paddress
05SelectColor Sandlabel
06ClickAdd to cartrole and name
07ClickCheckouttext
08Page/checkoutaddress
09TypeEmail maya.chen@example.comlabel
Not a test yet. Create the test case, then edit steps, add checks and replay it in the test builder.
Create test case
Paused
Fig. 1. A visit to fernleaf.app, recorded with the extension and opened as a review in the workspace.
01How it worksFigs. 2 to 6
Use the site. The steps writethemselves.
Five field entries, from the first click to a saved test case. Press the buttons in each figure to try it.
01what it records
Entry 01
What it records
Your own site or any other. The extension watches what you do on the page and writes each action down as a step, with the element it happened on.
Clicks, typing, list picks and checkboxes
File uploads, drags and page changes
Follows single-page-app routes and links that open a new tab
06ClickAdd to cart button
Route changes/search to /products, no reload
New tabsSize guide opens in a tab, recording follows
Fig. 2. One step for each kind of action, written the way the review shows it.
02steps that keep working
Entry 02
Steps that keep working
A step does not hang on one fragile detail. Each one keeps several ways to find its element, best first, so a renamed class or a moved button does not break the whole test.
Test id first, then role, label, visible text and a CSS path as backups
Copy any element's locator with CtrlShiftP
Add to cartStep 06 · Click
Press a way to change it on the page. The step moves to the next way that still finds the button.
Fig. 3. The five ways one step keeps to find the Add to cart button, best first.
03built for real sessions
Entry 03
Built for real sessions
Real testing has interruptions. Pause to look something up, then resume where you were. Nothing is recorded while paused. If the connection drops, steps wait in the browser and send in order.
Pause and Resume from the bar on the page
CtrlShiftR starts or stops recording
Offline, steps wait in the browser and send in order
Recording1:126 steps
2 steps waiting in the browser
Recording. Every action becomes a step.
CtrlShiftRStart or stop recording
CtrlShiftPCopy an element's locator
Fig. 4. The bar on the page. Try Pause, then drop the connection and bring it back.
04private by default
Entry 04
Private by default
The extension asks for access to all sites only when you start recording, and the steps go only to the workspace you chose. Nothing else leaves your browser.
Password values are hidden in every step
Card, ID and bank numbers are flagged in the review
No ads, no analytics. Console messages only if you turn it on
Access to all sitesAsked when you press Start recording
TypePasswordhidden
TypeCard numberFlagged in review
Sent toFernleaf Supply workspaceonly
Capture console messagesSettings · Privacy
Off by default. Console messages are not captured.
Fig. 5. What a step keeps, what it hides, and the one setting that is off until you change it.
05from recording to test case
Entry 05
From recording to test case
Stop and save opens a review in your workspace. Create the test case there, then edit steps, add checks and replay it in the test builder.
Recordings save as drafts until you create the test case
Replays, edits and checks happen in the test builder
Owners, Admins and Editors can record. Viewers cannot
Chrome, Brave and Edge. All three install it from the Chrome Web Store; Edge asks you to allow extensions from other stores first. It signs in to your NoCodeBI workspace.
Yes. Sign in to your NoCodeBI workspace from the extension, then pick the app and stage. Owners, Admins and Editors can record. Viewers cannot.
No. The extension records. Replays run in NoCodeBI test automation, where you also edit steps and add checks after the review.
It asks for access to all sites only when you start recording. Steps go only to the workspace you chose. Password values are hidden, and card, ID and bank numbers are flagged in the review. No ads and no analytics. Console messages are captured only if you turn that setting on.
Where to begin
Your next test is one recording away.
Add the extension, sign in to your workspace and walk through your checkout once.
