top of page

How to Generate a Playwright Test Automation Framework with TypeScript

Oqverin Website

2. Click on Start Free Trial Button

Playwright test automation framework with TypeScript generator UI

User will be navigated to the Login UI.

Sign-in page for Playwright test automation framework generator

3. Enter Email Address and Password click Sign In button. If you have not signed up, then click on the Signup for 7-day trial button.

Playwright Test Automation Framework Generator interface using TypeScript.
Playwright test automation framework generator interface with Generate Button.

Turn on all the configurations or choose according to your needs like video recording, screenshots on failure etc. Select Pipeline and click on Generate Button.

4. Click on Generate Button and user will be navigated to the UI below and then click on Download ZIP button and Extract.

Playwright Test Automation Framework generator by  AI UI interface.
Playwright Test Framework Project Download Folder
Extract ZIP Playwright ZIP folder

5. Select “Extract All” to extract the ZIP folder and Open the Project in IntelliJ and click Trust Project button.

Open Project Folder in IntelliJ
Open Playwright Test Automation Project
Playwright Project Loaded

6. The Project is opened, Navigate to View -> Tools Windows -> Terminal

IntelliJ Terminal

7. Execute the command: npm install PRESS ENTER key

Command NPM Install

8. Execute the command: npx tsc --noEmit – PRESS ENTER key

NPX tsc command

9. Install Playwright browsers: npx playwright install PRESS ENTER key  

Playwright test automation framework with TypeScript code structure.

10. Execute the command: npx playwright test - PRESS ENTER key 

NPX Playwright test command
Playwright Test Executed

10. Execute the command: npx playwright test - PRESS ENTER key to Open  the HTML Report

HTML Playwright Report  image 1
HTML Playwright Report 2

By following the above steps you can Generate Playwright Test Automation Framework with TypeScript in  Few minutes and you can modify it according to your project needs.

bottom of page