Skip to content
Add to Chrome (opens in a new tab)
SAMELOGIC / WORKFLOWS

A clearer path
from bug to fix.

Reproduce a browser bug, inspect the element behind it, or review a Playwright locator. Pick the workflow that matches the work in front of you.

Add to ChromeExplore workflows
Free extension for desktop Chrome. Try it before signing up.

What are you working on?

Three ways to move the work forward.
01 / Bug reproduction

Give your teammate the steps behind the bug.

Start recording before you repeat the issue. Replay the path, inspect the affected element, and share what you expected alongside what happened.

WHAT YOU LEAVE WITH

A recording your teammate can investigate.

Explore bug reproduction
FROM THE RECORDINGSample data
Renewal quote mismatchbilling.example / renewal
00:12
  1. Open seat renewal00:00
  2. Click “Add seat”00:04
  3. Click “Add seat” again00:08
  4. Click “Calculate renewal”00:12
REPORTER’S NOTE

Three seats on screen. Two in the quote.

The second click is the context worth keeping.
Recorded steps Affected element Your notes
A CLOSER LOOK

Start with
the right element.

Sometimes you just need the selector. These focused workflows help you inspect a target and take the useful details with you.

Read the test ID guide
Inspect an elementSee CSS, XPath, and Playwright locator options together.Copy a CSS selectorPick the target and keep the context behind the selector.Use the Chrome extensionCapture selectors directly from the page you’re working on.
CONTINUE IN YOUR TOOLSBring the context into your team’s workflow.Explore sharing, issue trackers, and AI assistant connections.Browse integrations GO DEEPERA little more understanding. A better next step.Practical guides to selectors, testing, and bug reproduction.Read the guides
PUT IT INTO PRACTICE

Your next bug.
A clearer starting point.

Record the steps. Review what happened. Give your teammate the context to begin.

Add to Chrome

Try it before signing up.
Create an account to save and share.

See free-plan limits