https://playwright.dev/

Setup and Installation:

• Download and install Node : https://nodejs.org/en/download

• Create folder to start project and install Playwright in it

  git init 
  
  npm init playwright@latest 
  

Configure Playwright:

• To configure the Playwright, check the playwright.config.ts

Test configuration | Playwright

• So many things that can be configure in the test configuration:
  • example :

timeout: 30_000, // 30 seconds time out for testcases - if more than 30 seconds, test will fail
globalTimeout: 10 * 60 * 1000, // 10 minutes timeout for the entire test suite run

trace: 'on', // Collect trace for failed tests
actionTimeout: 0, // Disable action timeout
ignoreHTTPSErrors: true, // Ignore HTTPS errors
video: 'retain-on-failure', // Record videos
screenshot:'only-on-failure', // Take screenshots only on failure
headless: true, // Run tests in headless mode

testIdAttribute: 'data-test', // Use data-test-id attribute for selectors

What is package.json file?

• You can think of it as a cookbook for your project.
  • This file tells you what packages and versions should be installed in the node_modules directory
• we have script, devDependencies
  • scripts → use to put our alias for which can be use in npm CLI
  • devDependencies → has the version of things we use which will be install if we run npm install

{
  "name": "playwright-learning",
  "version": "1.0.0",
  "main": "index.js",
  "scripts": {
			// here we can create alias for our command 
		"test": "npx playwright test",
    "test-chromium": "npx playwright test --project chromium",
    "test-firefox": "npx playwright test --project firefox",
    "test-safari": "npx playwright test --project webkit",
    "test-report": "npx playwright test && npx playwright show-report"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "description": "",
  "devDependencies": { 
    "@playwright/test": "^1.49.1", 
    "@types/node": "^22.10.5"
  }
}