Playwright – select file and send formData

PLAYWRIGHT.md

Playwright – select file and send formData

Trouble

This formal example select file but does not send Form data.

https://playwright.dev/docs/api/class-filechooser

// Start waiting for file chooser before clicking. Note no await.
const fileChooserPromise = page.waitForEvent('filechooser');
await page.getByText('Upload file').click();
const fileChooser = await fileChooserPromise;
await fileChooser.setFiles(path.join(__dirname, 'myfile.pdf'));

Resolve Example

• make Buffer object. ( e.g use fs and read local file )
• At setFiles specify that Buffer in argument.

import fs from 'fs'

test('UPLOAD SAMPLE', async ({ page }) => {
  const fileBuffer = fs.readFileSync('/path/to/example.csv')
  await page.getByText('Upload file').click()

  const fileChooserPromise = page.waitForEvent('filechooser')
  const fileChooser = await fileChooserPromise

  await fileChooser.setFiles({
    name: 'filename',
    mimeType: 'xxx',
    buffer: fileBuffer,
  })

})