Recording

Generated output: Playwright, Manual Steps, Gherkin

Every recording is translated live into a Playwright test, manual steps and a Gherkin scenario.

Three synchronized views

The top of the left panel shows the recording in three synchronized tabs:

Playwright — the TypeScript test (read-only editor). Font and size are set in Settings.
Manual Steps — a numbered list in plain English, e.g. 1. Navigate to http://localhost:3000/login, 2. Type “demo@shop.test” into Email, 3. Click on Sign in, 4. Assert that Dashboard is visible.
Gherkin — Feature: / Scenario: with Given / When / Then / And steps, e.g. Given the user navigates to …, When the user clicks on Sign in, Then the user should see Dashboard. Hover the Feature or Scenario name and click the pencil to rename it. Default names are set in Settings.

For Playwright users

A typical generated test:

TypeScript

import { test, expect } from '@playwright/test';

test('Recorded QA flow', async ({ page }) => {
  await page.goto("http://localhost:3000/login");
  await page.getByLabel("Email").fill("demo@shop.test");
  await page.getByLabel("Password").fill("demo1234");
  await page.getByRole("button", { name: "Sign in" }).click();
  await expect(page.getByRole("heading", { name: "Dashboard" })).toBeVisible();
});

Locator methods used: getByTestId, getByRole, getByLabel, getByPlaceholder, getByText, and locator() with CSS or XPath. Soft assertions use expect.soft, negated ones .not. If the project has environments, navigations to those addresses become relative (page.goto("/login")) — see Environments.

Download, copy, clear

Buttons next to the tabs: Download (the active view as .spec.ts, steps.md or .feature), Copy to Clipboard, and Clear All Actions (asks for confirmation).

Something unclear or missing? Write to info@actify-studio.com.

Three synchronized views#

Download, copy, clear#

Three synchronized views

Download, copy, clear