Generate Playwright Code
Generate Playwright code when your feature intent is ready and you want a runnable browser test.
The generated code is stored in your project and can be run from TestVibe.
info
TestVibe generates standard Playwright tests. See the official Playwright documentation for the full API and testing concepts.
Before You Generate
Confirm:
| Check | Why it matters |
|---|---|
| The feature is saved | Generation uses the saved project version of the feature. |
| The Gherkin is clear | Better intent produces better code. |
| The target site URL is reachable | The cloud test session and generated test need to open the app. |
| Required secrets exist | Login credentials the test needs must be available in Settings > Variables & Secrets. |
Steps
- Open Tests and select the saved test.
- Choose … → Generate, or … → Regenerate if code already exists.
- Confirm the environment, configuration, and model in Generate test.
- Choose Generate and read the conversation. Answer any question or review a proposed change when needed.
- Keep watching, or choose Run in background and return through View progress.
- Read the outcome and open Code to review the saved files.
What TestVibe Generates
Generation can create or update:
| Output | Purpose |
|---|---|
| Playwright test file | The browser automation that runs the scenario. |
| Supporting output | Helpers, configuration use, or generated metadata when needed. |
| Evidence during generation | Screenshots, section progress, and trace links when available. |
| Project changes | Generated files saved to your project. |
Review Before Running
Before running the generated test, check:
- it follows the intended journey
- it uses the right target page
- it verifies the expected result
- it does not depend on private or accidental data
- it does not ignore important setup from the Gherkin
For more detail, see Read generated output.
If The Output Is Not Right
Do not keep regenerating blindly. First improve the feature:
| Problem | Better next step |
|---|---|
| Test clicks the wrong thing | Add visible labels or clearer page context to the Gherkin. |
| Test misses the assertion | Add a stronger Then step. |
| Test needs setup | Add Background or explicit setup and test data instructions. |
| Site could not be reached | Fix the URL, or use a tunnel device for private apps. |
| A secret token is missing | Add the value in Settings > Variables & Secrets and match the {{secret:NAME}} token. |
Then regenerate. See Regenerate a test.