AICoder

Appearance

Testing & preview ​

Two panels help you verify a change actually works before you ship it.

Testing panel ​

Run Playwright end-to-end tests written by the agent, against a single agent or the whole task.

  • Click Run tests to execute the suite.
  • Watch live output stream into an embedded terminal.
  • Stop a long-running run, or re-run after a fix.

Use it in the validation phase to catch regressions before shipping.

Preview panel ​

Run your app's dev server and open it in a browser to see the change live.

  • Enter a command (e.g. npm run dev) — it's saved as the project default, so you set it once. You can also set it when creating the project.
  • Click Run and watch server logs stream in.
  • Click Open — AICoder auto-detects the localhost URL. If detection fails, enter the URL manually.
  • Click Stop when done.

TIP

Set the preview command in the project settings so it's one click every time. See Projects.

When to use which ​

  • Preview — "does the UI look and behave right?" A human eyeballing the running app.
  • Testing — "does it still pass automated checks?" Repeatable, catches regressions.

Both sit alongside the review pipeline as quality gates before shipping.