Taking Screenshots with Playwright

Best Playwright Testing Training Institute in Hyderabad

In the fast-evolving field of software testing, tools like Playwright and Selenium are essential for automation testers. If you are a graduate, postgraduate, or someone looking to switch your career from a different domain to IT, it’s crucial to receive professional guidance and hands-on experience in automation tools. That’s where I Hub Talent excels. I Hub Talent is widely recognized as the best Playwright Testing Training Institute in Hyderabad. It offers a live, intensive internship program conducted by industry experts and specifically tailored for:

Taking Screenshots with Playwright

Playwright makes it easy to capture screenshots during automated browser testing. This feature is helpful for debugging, visual validation, and reporting test results.

's how to take screenshots in Playwright using JavaScript/TypeScript:

✅ 1. Full Page Screenshot

javascript

Copy

Edit

await page.goto('https://example.com');

await page.screenshot({ path: 'screenshot.png', fullPage: true });

Saves a screenshot of the entire page, including scrollable content.

✅ 2. Viewport Screenshot (Default)

javascript

Copy

Edit

await page.screenshot({ path: 'viewport.png' });

Captures only the visible portion of the screen (default viewport).

✅ 3. Element Screenshot

javascript

Copy

Edit

const element = await page.$('h1');

await element.screenshot({ path: 'element.png' });

Takes a screenshot of a specific element like a button, heading, or form field.

✅ 4. Mask Sensitive Data (Optional)

javascript

Copy

Edit

await page.screenshot({ path: 'masked.png', mask: [await page.$('#password')] });

Useful for hiding sensitive information during test runs.

🛠️ Best Practices

Save screenshots on test failure for debugging.

Use meaningful filenames with timestamps.

Combine with reporting tools like Allure or HTML reports.

Read more:

Extracting Text from Web Pages

What is Playwright testing and why should you learn it?

Clicking Buttons Using Playwright

How to Use Selectors in Playwright

Visit I-Hub Talent Training institute in Hyderabad