How to Do Cross-Browser Testing on Windows — Including Safari via Playwright

To test follow few steps:

Step 1. Install node
Step 2. create Folder and run these commands

commands

1. npm init -y 2. npm install playwright 3. npx playwright install 4. npx playwright open -b webkit

Step 3. update package.json 's scripts

package.json

"scripts": { "test:chrome": "npx playwright test --headed --browser=chromium", "test:firefox": "npx playwright test --headed --browser=firefox", "test:safari": "npx playwright test --headed --browser=webkit" }

Step 4. create Test folder in above folder and create file with name browser.test.ts and add below code

browser.test.ts

import { test } from '@playwright/test' test.use({ ignoreHTTPSErrors: true, }); test('test browser', async ({ page }) => { // point this to wherever you want await page.goto('http://localhost:4200/') // keep browser open await page.pause() })

Step 5. run command npm run test:safari