Prev Next

Testing / Playwright Interview questions

How do you handle file uploads in Playwright?

Playwright interacts with the native file input directly, without needing to drive the operating system's file picker dialog.

await page.getByLabel('Upload resume').setInputFiles('resume.pdf');

// Multiple files
await page.getByLabel('Attachments').setInputFiles(['a.png', 'b.png']);

// Clear a selection
await page.getByLabel('Upload resume').setInputFiles([]);

setInputFiles() works even if the actual <input type="file"> element is visually hidden and a custom-styled button triggers it, since Playwright sets the files on the underlying DOM element rather than simulating clicks through a real OS dialog. For uploads triggered without any visible input element, page.waitForEvent('filechooser') can capture the file chooser event and set files on it directly.

For drag-and-drop upload widgets that don't use a standard file input at all, Playwright's dragTo() or manual dispatchEvent() calls simulating drop events are the usual fallback, since there's no native input element to target directly in that case.

setInputFiles() works even when the file input is hidden because it:
Passing an empty array to setInputFiles() will:

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