Understanding package.json & playwright.config.js | Step-by-step for Beginners | Session 2
🎯 Welcome to Session 2 of the Playwright Tutorial Series!
In this session, I explained the complete Playwright framework in detail with real examples.
We covered everything from package.json, config file, Allure report setup, retries, workers, screenshots, and debugging failed test cases using trace viewer.
✅ What you will learn in this video:
• How Playwright project structure works
• What is package.json and how dependencies are added
• Where node_modules packages are stored after installation
• How to install Allure report step-by-step
• How to generate and open Allure report
• Understanding Allure dashboard: suites, stats, duration, failures
• Creating shortcut commands in package.json scripts
• What is playwright.config.js and why it is important
✅ Config parameters explained:
✔ testDir
✔ retries
✔ workers
✔ screenshot
✔ trace
✔ fullyParallel
✔ reporter (html + allure)
✅ Debugging failed tests:
• Running test which fails intentionally
• Automatically capturing screenshots on failure
• Viewing trace: step-by-step execution
• Open trace viewer from CMD
• Found failure cause: wrong baseURL / invalid path
✅ Commands used in the session:
npm init -y
npm i -D @playwright/test
npm i -D allure-playwright
npx playwright install
npx playwright test
npx playwright test --reporter=allure-playwright
npx allure generate ./allure-results --clean
npx allure open
npx playwright show-trace trace.zip
🧪 Added custom scripts in package.json:
"test": "npx playwright test"
"allure:report": "allure generate ./allure-results --clean"
"allure:open": "allure open"
✅ After watching this video, you will understand:
✔ How Playwright framework is structured
✔ How config file impacts execution
✔ How reports, screenshots & traces help debug test failures
✔ How to enhance reports and analyze stats in Allure
📌 Next Session:
Locators , Assertions,Fixtures, Hooks, Page Objects & Data Driven Testing
👍 LIKE, COMMENT & SUBSCRIBE for more automation videos
Comment if you want GitHub code – I will share it!
#Playwright #AutomationTesting #JavaScript #AllureReport #SoftwareTesting #PlaywrightTutorial #playwrightconfig #QATesting #TestAutomation