Test reportStorefront suiteFernleaf Supply · fernleaf.appPDFHTML
Latest run 100%4 test cases on Chromium, Chrome, Firefox, WebKit, Edge and Brave
Duration2m 48sFailed0Aborted0
Pass rate, last 12 runstrend
PDF report saved
Paused
Fig. 1. The checkout path on fernleaf.app: recorded once, replayed on six engines, written up as a report.
01What people build with itFigs. 2 to 4
Tests for the paths that matter most.
Three tests Fernleaf Supply keeps for its store. Each one runs on every engine, and none of them needed test code.
01Search "tent"Type text
02Click Place orderClick
03Expect "Order #10482"Expect text
Browser test
The checkout path
Search, pick the Basecamp tent 2P, fill the details, place the order and check the confirmation. Recorded once with the extension, then a check for the confirmation added in the test builder.
Fig. 2. Three of its six steps.
GET/orders/10482
customer"Harshal"total612.50
Assert status200 · passed
API test
The order API check
Call the orders API, then check that order #10482 comes back for Harshal with a total of $612.50. Same canvas as the browser tests.
Fig. 3. One request and the values it checks.
$349Baseline$359This run
ChromiumChromeFirefoxWebKitEdgeBrave
Visual check
The product page look
Compare the Basecamp tent 2P page with its approved baseline on all six engines, so a moved price or a broken image shows up before customers see it.
Fig. 4. Baseline and this run, side by side.
02How it worksFigs. 5 to 10
From one recording to a readablereport.
Six field entries, in the order you meet them. Each figure below works: press the buttons.
01record on any site
Entry 01
Record on any site
Open the NoCodeBI extension for Chrome, pick the app and stage, press Start recording and use the site the way a customer would. A bar on the page shows the clock, the step count and the last step. Press Stop and save, review the steps in your workspace and create the test case. You add checks in the test builder after the review.
Works on your own site or any other website
Clicks, typing, list picks, checkboxes, uploads, drags and page changes become steps
Typed values are held back once the tab leaves the starting site
The tab is on the starting site, so typed values are kept.
Fig. 5. The recorder keeps typed values only while the tab stays on the site it started on.
130+test blocks
Entry 02
Browser and API tests on one canvas
A recording becomes a test case of blocks on a canvas. Add API calls next to the browser steps, so one test can place an order in the page and then check it through the API.
130+ test blocks for browser and API steps
The same block engine as workflows, so the canvas feels familiar
Fig. 6. One test that places order #10482 in the page, then checks it through the API.
6real browser engines
Entry 03
Real engines, side by side
Replay the same test on Chromium, Chrome, Firefox, WebKit, Edge and Brave. Several browsers run at once, so a full suite does not wait in line.
Chromium, Chrome, Firefox, WebKit, Edge and Brave
Parallel browsers: 2 on Starter, 10 on Team, custom on Enterprise
Starter runs Chromium. Team and Enterprise run every engine
Chromiumruns
Chromeruns
Firefoxruns
WebKitruns
Edgeruns
Braveruns
Browsers at once10
custom
Fig. 7. Which engines run, and how many browsers run at once, on each plan.
3extra checks
Entry 04
Catch more than broken clicks
A test can pass every click and still ship a page that looks wrong or that some people cannot use. Add the extra checks as blocks and they run with the steps.
Visual regression against a saved baseline
An accessibility audit of the page
Slow network profiles from Slow 2G to WiFi, and offline mode, on Team and Enterprise
Expected
Basecamp tent 2P$349Add to bag
Found
Basecamp tent 2P$359Add to bag
1 change
Images have alt textpassed
Buttons have a namepassed
Form fields have labelspassed
!Sale badge text is low contrastreported
WCAG 2.1 AA, audited on fernleaf.app/checkout
Page
Styles
Product image
Reviews
Product page loads · passed on both profiles · Chromium engines
Fig. 8. Three checks you add as blocks. Try each tab.
05reports and trends
Entry 05
Reports people actually read
Every run writes itself up. Share a report for one run, a whole suite or a dashboard, and follow trends across runs to see if a path is getting shakier.
PDF or HTML reports for a run, a suite or a dashboard
Trend dashboards across runs
Every step with its result, and a screenshot of each failed step
Email or webhook alerts when a test breaks, and when it is fixed
PDFStorefront suite4 test cases · 6 engines
100%pass rate
Duration
2m 48s
Failed
0
Aborted
0
last 10 runs
Fig. 9. Pick what the report covers and its format.
06your pipeline
Entry 06
From your pipeline, on your own browsers
Start a test case or a whole suite over the API from the pipeline you already have, then read the results in the formats CI tools expect.
Start a case or a suite over the API with a CI token, on Team and Enterprise
Read results as JUnit XML or JSON
Point runs at your own browser grid, on Team and Enterprise
No. Record a journey with the browser extension and it becomes steps on a canvas. You can edit, add or remove blocks there, without code.
Yes. The extension records on your own site or any other website.
Chromium, Chrome, Firefox, WebKit, Edge and Brave. Starter runs Chromium. Team and Enterprise run every engine.
One test minute per browser is one token, billed per second with a 10 second minimum. That is $0.01 on Starter and $0.0125 on Team. The 1,000 free tokens for 14 days cover up to 60 test minutes.
Yes. Start a test case or a suite over the API and read the results as JUnit XML or JSON. You can also run on your own browser grid. CI tokens and your own grid come with Team and Enterprise.
Where to begin
Record your first test.
Add the extension, press Start recording, walk through your checkout. Then watch it pass on six engines.