Prev Next

Testing / Playwright Interview questions

How does Playwright handle multiple tabs and windows?

Each new tab or window opened from the page - via a link with target="_blank" or a window.open() call - fires a 'page' event on its parent BrowserContext. Playwright doesn't switch focus automatically like some tools; instead, you capture the new page object explicitly.

const [newPage] = await Promise.all([
  context.waitForEvent('page'),
  page.getByRole('link', { name: 'Open in new tab' }).click(),
]);
await newPage.waitForLoadState();

From there, newPage is an independent Page object with its own locators and lifecycle, while still sharing the same cookies and storage as the original page because they belong to the same browser context. This makes it easy to assert on both tabs, or close one while keeping the other active.

A new tab opened via target=_blank triggers which event on the BrowserContext?
A new tab opened this way shares which of the following with the original page?

More Related questions...

What is Playwright? What are the supported browsers in Playwright? What are the supported programming languages in Playwright? How do you install Playwright? What is the purpose of the Playwright Test Runner? What are locators in Playwright? How do you use the page.goto() method? Define auto-waiting in Playwright? Describe the Playwright Inspector? List the different types of locators in Playwright? What is a fixture in Playwright? How do you take a screenshot in Playwright? What is the Trace Viewer in Playwright? How do you use codegen in Playwright? What are assertions in Playwright? What is the difference between Playwright and Selenium? How does Playwright handle multiple tabs and windows? What is the difference between page.click() and locator().click()? How do you handle iframes in Playwright? What is the difference between expect().toBeVisible() and isVisible()? How does Playwright differentiate retry behavior between actions and assertions? What is the purpose of browser contexts in Playwright? How do you mock API responses in Playwright? What is the difference between soft assertions and hard assertions in Playwright? How do you run tests in parallel in Playwright? What is the difference between test.beforeEach and test.beforeAll? How do you handle file uploads in Playwright? How do you handle authentication state across tests in Playwright? What is the difference between waitForSelector and waitForLoadState? How do you generate an HTML report in Playwright? What is the difference between headless and headed mode? How do you debug a failing Playwright test? What are Playwright's API testing capabilities? How do you handle elements that load dynamically or asynchronously? What is the difference between Playwright's expect and Jest's expect? Explain the internal working of Playwright's browser automation? Explain the execution flow of a Playwright test? Why is Playwright generally faster than Selenium? When should you use component testing in Playwright? How can you optimize Playwright test execution time? How do you troubleshoot flaky tests in Playwright? Explain the lifecycle of a browser context in Playwright? What happens when a Playwright locator doesn't match any element within the timeout? How does Playwright implement network interception and request mocking internally? Why doesn't Playwright rely on the WebDriver protocol? How do you implement the Page Object Model in Playwright? What is the difference between sharding and parallel workers in Playwright? How does Playwright handle elements inside Shadow DOM? Explain the internal working of Playwright's auto-waiting and actionability checks? How can you integrate Playwright tests into a CI/CD pipeline?
Show more question and Answers...

API

Comments & Discussions