Playwright Browser Automation

🚀 Playwright

Playwright is a powerful tool for automated testing. It simplifies the process of testing web applications across different browsers.

🚀 Quick Start

Steps for Testing with Playwright:

1. Install Node.js: Ensure that Node.js and npm are installed on your system.
2. Install Playwright:

   npm install -g playwright
   

3. Initialize the Project:

   mkdir my-playwright-project
   cd my-playwright-project
   playwright init --ts
   

4. Select a Browser: Choose the required browser (e.g., chromium, firefox, or webkit) as prompted.
5. Write Test Scripts: Create a playwright.config.ts file and configure the test options.
6. Run Tests:

   npm run test
   

💻 Usage Examples

Basic Usage

import { test, expect } from '@playwright/test';

test('Search for keywords', async ({ page }) => {
  // Open the browser
  await page.goto('https://www.baidu.com');
  // Enter the search keyword
  await page.type('.kw', 'Playwright');
  // Click the search button
  await page.click('#su');
});

Advanced Usage

// Example configuration file for playwright.config.ts
module.exports = {
  testDir: './tests',
  forbidOnly: !!process.env.CI,
  requireOrder: ['playwright/test/fetch'],
  workers: process.env.CI ? 1 : undefined,
  reporter: 'html',
  use: {
    baseURL: 'http://localhost:3000',
    browser: 'chromium',
    chromium: {
      // Set to headless mode
      headless: true,
      // Set the viewport size
      viewport: { width: 1920, height: 1080 }
    },
    // Configure parameters for firefox or webkit
  },
};