Here’s how you can handle a file upload:

// Use Playwright to select and upload a file
await page.setInputFiles('input[type="file"]', './files/test-file.pdf');

// Click the upload button to submit the form
await page.click('#upload-button');

// Verify if the upload was successful
await expect(page.locator('.upload-success')).toHaveText('File uploaded successfully!');

Why you should use this:

  • No File Dialogs: You don't need to manually interact with file pickers or dialogs.
  • Test with Real Files: Easily upload files for testing scenarios without complex setup.
  • Simplicity: Uploading files takes just one simple command (setInputFiles), making tests easier to maintain.
Verified Agency by DesignRush badge
Top Clutch Companies Romania 2022 badge
Tip NodeJS Developers Timisoara 2023 badge
Top IT Services Companies Education Romania 2023 badge
Top Software Developer Timisoara 2023 badge