Playwright Test Generator

Add steps — visit, click, fill, assert — and get a ready-to-run Playwright test. Generated entirely in your browser.

📖 Read the guide: How to Write a Playwright Test →

Generated code 

      

    
    

      
How it works

      
1
Add steps
Pick an action (visit, click, fill, select, assert…) and enter the selector and value.
2
Reorder as needed
Build the flow your test should follow, one step at a time.
3
Get the code
A complete Playwright test is generated live as you edit.
4
Copy & run
Paste it into a .spec.ts file and run it with the Playwright test runner.

    

    

      
Frequently Asked Questions

      
A Playwright test using @playwright/test — page.goto, page.click, page.fill, selectOption and expect() assertions.
No — build the flow from plain steps and the tool writes the code; tweak selectors to match your app.
No — the code is generated in your browser.

    

    

      
Generate Playwright tests online for free. Build a test by adding simple steps — visit a URL, click an element, fill an input, select an option, and assert text, visibility or the URL — and get clean, ready-to-run TypeScript using @playwright/test with page actions and expect() assertions. It is a fast way to scaffold end-to-end tests or learn the API. Everything is generated in your browser, so nothing is uploaded.