Web recorder

Record web tests in real time with Kompagnon's Chrome extension, capturing clicks, inputs, and verifications directly in the builder.

Recording is the fastest way to build a web test: walk through your scenario in a real browser, and each click, input, and navigation becomes a step in the builder. The recorder runs through Kompagnon, a Chrome extension that drives the recording and adds verifications without leaving the page.

The Kompagnon side panel recording live next to the page under test, with a captured click step

Install Kompagnon

You install the extension once, from the builder. Create or open a Web (New experience) test, then click Use recorder. If Kompagnon isn't installed yet, an Install the Kompagnon extension modal lists what it does and offers Add to Chrome, which opens the Chrome Web Store. Install it there and return to the builder.

Record a test

With Kompagnon installed, Use recorder opens your start URL in a new tab with the recorder attached.

1
Walk through your scenario

Browse the page normally. Clicks, inputs, and navigations are captured as steps in real time. A draggable widget overlays the page, showing the recording status and the number of actions captured, with Pause, Stop, and Open sidepanel buttons.

2
Open the side panel

Click Open sidepanel to dock Kompagnon in Chrome's native side panel. It shows the current state (RECORDING LIVE or ASSERTION MODE), the live list of captured actions with their selectors, and the same pause, stop, and assertion controls.

3
Stop and review

Click Stop. The recorded steps appear in your builder's step canvas, grouped and ready to edit, reorder, or enrich with variables and checks.

Add verifications while recording

You can assert on the page without leaving the recorder. Click the eye icon to enter assertion mode, then click the element you want to verify. A Verify element modal opens to configure the check:

The Verify element modal with Displayed, Clickable, and the expanded Enabled and Present options

  • Displayed: the element is visible.
  • Clickable: the element can be clicked.

More options reveals two more conditions:

  • Enabled: the element is active.
  • Present: the element exists in the DOM.

Pick a condition and the verification is recorded as a Verify element step alongside your interactions.

Recorded steps are ordinary builder steps. Each web step's General tab includes a Reference screenshot of the page captured during the step's last run, so you can see exactly what it targets. Before the first run it shows "No reference screenshot available for this step".

Legacy: script export recorder

Before Kompagnon, web recording shipped as a standalone Chrome extension that exported a JavaScript Web Script you pasted into a test. It still works for existing scripts, but new web tests should use Kompagnon and the visual builder above.

1
Load the extension

Download and unzip kapptivate-web-recorder.zip, open chrome://extensions, enable Developer mode, click Load unpacked, and select the unzipped folder.

2
Record and export

Click the Kapptivate icon, click Record, walk through your scenario, then Stop, Export, and CopyToClipboard.

3
Import the recording

Create a test with a Web Script action, select the default Ethernet agent, switch to raw script, and paste the recording. Save and run it once before wiring it into a monitor.

The export is a script action: JavaScript you can edit freely, add assertions to, or enrich with variables and custom metrics.

What's next?

Test builder

Edit, group, and verify the steps you recorded

Verify element

Every condition you can assert on a web element

Last updated on