Field entry 04 · Test automation130+ test blocks · 6 browser engines

Record it once. Replay it everywhere.

Record a journey on any website, replay it on real browser engines, and get a report your whole team can read. No test code to write.

1,000 free tokens to try · Unlimited app users · Our cloud or your own servers

We open in waves. Join early access and we'll email you when your workspace is ready.

Fernleaf Supply/Tests/Checkout path
Dev Run suite
fernleaf.app/
ShoesPacksCamp tent

Results for "tent"

Basecamp tent 2P$349
Summit pack 32L$149
Canyon water bottle$24

Your details

Harshal
Standard
Place order
Basecamp tent 2Pand 2 moreTotal $612.50

Thanks, Harshal.

New pageOrder #10482 is confirmed

Total $612.50 · Basecamp tent 2P and 2 more

Review recordingCheckout pathStorefront · Dev · 6 steps Draft
  1. 01openOpen fernleaf.apppage change
  2. 02fillFill "Search" with tentby label
  3. 03clickClick "Basecamp tent 2P"by role and name
  4. 04fillFill "Full name" with Harshalby label
  5. 05clickClick "Place order"by test id
  6. 06openOpen /orders/10482page change
Checks are added in the test builder, after this review.Create test case
Recording 00:00 0 steps Waiting for the first step Pause Stop and save
AppStorefrontDev
Start recording

or press Ctrl+Shift+R

Element librarySettings
Saved as draft. Opening review.
Storefront suite4 cases · 6 engines
6 browsers in parallel

Screens from this runfernleaf.app/orders/10482

ChromiumChromeFirefoxWebKitEdgeBrave
Pass rate 100%Duration 2m 48sFailed 0Aborted 0report ready
Test reportStorefront suiteFernleaf Supply · fernleaf.app PDFHTML
Latest run 100%4 test cases on Chromium, Chrome, Firefox, WebKit, Edge and Brave
Duration2m 48s Failed0 Aborted0
Pass rate, last 12 runstrend
PDF report saved
    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.

    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.

    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.

    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 readable report.

    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
    More about the extension
    Recordingfernleaf.app
    1. 01openOpen fernleaf.app/checkout
    2. 02fillFill "Full name" withHarshal
    3. 03fillFill a field on another siteheld back

    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
    • Edit, reorder or remove any step
    See the workflow builder
    Go to URLfernleaf.app
    Type textname "Harshal"
    ClickPlace order
    Expect text"Order #10482"
    HTTP requestGET /orders/10482
    Assert JSON pathtotal is 612.50

    6 blocks: 4 browser, 2 API

    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

    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

    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
    Example result · JUnit XML
    <testsuites name="Storefront suite"
               tests="24" failures="0">
      <testsuite name="Checkout path"
                 tests="6" failures="0">
        <testcase classname="Checkout path"
                  name="webkit-1280x720">
        </testcase>
        ...
      </testsuite>
      ...
    </testsuites>

    Fig. 10. The pipeline starts the suite and reads the results back. The values shown are an example.

    03Works withSame workspace

    Better with the other builders.

    Tests share the workspace with everything else you build, so the app you publish and the test that checks it live side by side.

    04Plan notesFig. 11

    What a test run costs.

    One test minute per browser is one token. Runs are billed per second, with a 10 second minimum. That is $0.01 a minute on Starter and $0.0125 on Team.

    • Parallel browsers: 2 on Starter, 10 on Team, custom on Enterprise
    • Starter has the basic browser setup with Chromium. Team and Enterprise add every engine, network profiles and your own grid
    • Query runs per test run: 500 on Starter, 2,500 on Team, set in the contract on Enterprise
    • Runs, logs and recordings kept 14 days on Starter, 90 on Team, 365 on Enterprise
    • 1,000 free tokens for 14 days, enough for up to 60 test minutes
    See pricing

    Fig. 11. Token estimate

    45 seconds
    Browsers 3 browsers
    20 runs
    About45tokens

    That is $0.45 on Starter, $0.56 on Team.

    45 s × 3 browsers × 20 runs, billed per second

    05QuestionsTest automation

    Fair questions.

    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.

    We open in waves. Join early access and we'll email you when your workspace is ready.