Skip to main content

Playwright Installation & Running Tests- Session 01

 

Playwright Installation & Running Tests (Step-by-Step)

  1. Create a Project Folder
    Create a new folder named PlaywrightTest.

  2. Open in VS Code
    Open the PlaywrightTest folder using Visual Studio Code.

  3. 🎥 Playwright Installation & Running Tests – Step-by-Step Guide

    Open Terminal
    Launch the integrated terminal in VS Code.

  4. Initialize Playwright Project
    Run the following command to set up a new Playwright project:

    npm init playwright@latest

  5. Installation Completed
    Follow the prompts to complete the installation. Playwright will set up all the required files and configuration.

Running Playwright Tests via Command Line

  1. Run All Tests
    To run all available tests, use:

    npx playwright test

  2. View Test Report
    After running tests, view the test report using:

    npx playwright show-report

  3. Run Tests in Chromium Only
    To run tests only in the Chromium browser:

    npx playwright test --project=chromium

    To run in Chromium with a visible browser window (headed mode):


    npx playwright test --project=chromium --headed

  4. Run a Specific Test File
    To execute a specific test file in Chromium:

    npx playwright test <filename>.spec.ts --project=chromium

    Example with headed mode:


    npx playwright test example.spec.ts --project=chromium --headed

Comments

Post a Comment

Popular posts from this blog

Understand browser, context, and page in Playwright

🎥 Playwright: Browser, Context & Page - Real-time Demo and Multi-User Testing  . 🎯 Goal: Understand browser , context , and page in Playwright 🧠 1. What is a browser ? ✅ Definition: A browser in Playwright is a launched instance of a real browser (Chromium, Firefox, WebKit) that can be used for automated testing. ✅ Purpose: It starts and controls the browser process. It is the root of your test execution. Required to create contexts and pages . ✅ Code Example: ts Copy Edit import { chromium } from 'playwright' ; const browser = await chromium. launch ({ headless : false }); 🧠 2. What is a context (browser context)? ✅ Definition: A context is like a separate browser profile (or incognito tab) inside the browser. Each context is isolated — no cookies, local storage, or sessions are shared. ✅ Purpose: Simulates multiple users or sessions. Enables parallel and isolated testing. Allows setting user-specific prefer...
Post a Comment
Read more

How to Maximize a Browser window using Playwright Java

  Playwright itself does not have a direct maximize () method like some other browser automation tools, but you can achieve the effect by setting the viewport to the screen size of your display. Below are ways to handle Maximize a browser in Playwright Java  Ø   Setting the viewport to the screen size  o    setViewportSize(1920, 1080): This sets the browser window to a full HD resolution, effectively maximizing it. o    setHeadless(false): Ensures the browser runs in a visible mode so you can see the window being maximized.  Code Snapshot  Playwright playwright = Playwright. create ()   ;   Browser browser = playwright.chromium().launch(new BrowserType.LaunchOptions().setHeadless(false));     // Create a new browser context   BrowserContext context = browser.newContext(new Browser.NewContextOptions()          .setViewportSize(1920, 1080));     ...
Post a Comment
Read more

Playwright Locators in JavaScript (Complete Guide)

🎯 Playwright Locators in JavaScript (Complete Guide) This guide explains each Playwright locator with: ✅ What it is 🕐 When to use ⚙️ How to use it 🎯 Benefits 🧪 Code Examples 🔹 1. Locator by ID ✅ What: Selects an element with a unique id . 🕐 When: Element has a unique id . ⚙️ How: page.locator('#username') 🎯 Benefit: Fast and reliable. <input id="username" /> await page.locator('#username').fill('John'); 🔹 2. Locator by Class ✅ What: Selects by class . 🕐 When: Repeated or styled elements. ⚙️ How: page.locator('.password') 🎯 Benefit: Useful for shared styling. <input class="password" /> await page.locator('.password').fill('12345'); 🔹 3. Locator by Text ✅ What: Matches visible element text. 🕐 When: For buttons, links, etc. ⚙️ How: page.getByText('Login') 🎯 Benefit: Human-readable. <button>Login...
Post a Comment
Read more