What is Playwright?

 What is Playwright?


Playwright is a browser automation framework developed by Microsoft. It allows you to automate Chromium, Firefox, and WebKit browsers for testing web applications.


It supports:


JavaScript

TypeScript

Python

Java

.NET

Step 1: Install Node.js


Playwright works with Node.js.


Download Node.js


Go to:


Node.js Official Website


Download the LTS version.


Verify Installation


Open Terminal or Command Prompt and run:


node -v


You should see something like:


v22.0.0


Also verify npm:


npm -v

Step 2: Create a Project Folder


Create a new folder for your Playwright project.


mkdir playwright-project

cd playwright-project

Step 3: Initialize Node Project


Run:


npm init -y


This creates a package.json file.


Step 4: Install Playwright


Install Playwright using npm:


npm install -D playwright

Step 5: Install Browsers


Now install supported browsers:


npx playwright install


This downloads:


Chromium

Firefox

WebKit

Step 6: Verify Installation


Check the installed version:


npx playwright --version


Example:


Version 1.54.0

Step 7: Create Your First Test


Create a file named:


example.spec.js


Add this code:


const { test, expect } = require('@playwright/test');


test('homepage has title', async ({ page }) => {

  await page.goto('https://playwright.dev/');


  await expect(page).toHaveTitle(/Playwright/);

});

Step 8: Install Playwright Test Runner


Install the test package:


npm init playwright@latest


This command:


Installs Playwright Test

Creates test folders

Adds example tests

Creates configuration files

Step 9: Run Tests


Run:


npx playwright test


You’ll see test results in the terminal.


Step 10: Open HTML Report


After tests finish:


npx playwright show-report


A browser report opens automatically.


Project Structure Example

playwright-project/

│

├── tests/

├── playwright.config.js

├── package.json

└── node_modules/

Install Playwright with TypeScript (Optional)


If you want TypeScript support:


npm init playwright@latest


Choose:


TypeScript


during setup.


Install Playwright for Python


If you use Python:


Install Package

pip install playwright

Install Browsers

playwright install


Official docs:


Playwright Python Docs


Common Commands

Command Purpose

npx playwright test Run all tests

npx playwright test file.spec.js Run one file

npx playwright codegen Record actions

npx playwright show-report Open test report

Useful Features


Playwright supports:


Cross-browser testing

Auto waiting

Screenshots

Video recording

Parallel execution

Mobile emulation

API testing

Learn Playwright Course At Quality Thought Training Institute in Hyderabad

Get Directions

Comments

Post a Comment

Popular posts from this blog

Handling Frames and Iframes Using Playwright

Handling Frames and Iframes Using Playwright When automating modern web applications, you’ll often come across frames or iframes—HTML elements used to embed another HTML document within the current page. If you're using Playwright for browser automation, knowing how to handle frames properly is crucial for interacting with elements inside them. In this blog, we’ll walk through how to identify, access, and interact with frames and iframes using Playwright with code examples in JavaScript and Python. 🧾 What Are Frames and Iframes? <frame>: Rarely used now; part of the outdated <frameset> HTML structure. <iframe> (inline frame): Embeds another HTML page inside the current one. Common for third-party content like ads, maps, or payment gateways. 🎯 Why Frames Matter in Automation Elements inside an iframe are not part of the main DOM, so trying to interact with them directly will result in errors unless you switch the context to the frame. 🔍 Locating an Iframe in Pla...
Read more

Working with Cookies and Local Storage in Playwright

Working with Cookies and Local Storage in Playwright Introduction When automating web applications, dealing with cookies and local storage becomes crucial—especially for tasks like session management, login persistence, and simulating user states. Playwright, a powerful end-to-end testing framework, provides built-in APIs to easily manage browser storage, including cookies, localStorage, and sessionStorage. This guide will walk you through how to read, set, and clear cookies and local storage using Playwright. Understanding the Basics 🔹 What are Cookies? Small pieces of data stored by the browser to remember information (e.g., session ID, authentication). Can be used to maintain a logged-in state or track user preferences. 🔹 What is Local Storage? A key-value storage system in the browser. Data stored persists even after the browser is closed. Limited to the origin (domain). 1. Handling Cookies in Playwright ✅ Get Cookies javascript Copy Edit const cookies = await context.cookies(); ...
Read more

Cybersecurity Internship Opportunities in Hyderabad for Freshers

 🚀 1. AICTE Cyber Security Internship (Jul–Aug 2025) Organizer: AICTE via its internship portal—free, fully online Duration: ~4–6 weeks starting July 2025 Perks: Hands-on labs (Kali, Nmap, Wireshark), capstone project, AICTE certificate Cost/Stipend: Free, no stipend Apply by: July 15, 2025 via AICTE portal  en.wikipedia.org +15 govtinternship.com +15 joincomputerit.blogspot.com +15 Perfect for freshers seeking practical exposure with certified recognition. 🏢 2. Gainsight – Application Security Intern (On-site) Role: SOC monitoring, SIEM dashboards, incident response Location: Hyderabad office Requirements: Bachelor’s in CS/related field; enthusiastic freshers welcome Stipend: Not specified  hyderabadtechbytes.blogspot.com placementdrive.in Ideal if you want corporate cybersecurity experience using enterprise tools. 🌱 3. Internshala – Cyber Security Internships Listings: Multiple internship openings across Hyderabad (both remote and on-site) Fields: Ethical hacking, se...
Read more