File Uploads

1
import { readFileSync } from "fs";
2
3
// Via locator
4
await runtime.page.locator("input[type=file]").setInputFiles({
5
  name: "report.pdf",
6
  mimeType: "application/pdf",
7
  buffer: readFileSync("./report.pdf").toString("base64"),
8
});
9
10
// Via page selector
11
await runtime.page.setInputFiles("input[type=file]", {
12
  name: "report.pdf",
13
  mimeType: "application/pdf",
14
  buffer: readFileSync("./report.pdf").toString("base64"),
15
});

1
await runtime.page.locator("input[type=file]").setInputFiles([
2
  {
3
    name: "page1.png",
4
    mimeType: "image/png",
5
    buffer: readFileSync("./page1.png").toString("base64"),
6
  },
7
  {
8
    name: "page2.png",
9
    mimeType: "image/png",
10
    buffer: readFileSync("./page2.png").toString("base64"),
11
  },
12
]);

1
await runtime.page.locator("input[type=file]").setInputFiles([]);

1
await runtime.page.locator("input[type=file]").setInputFiles({
2
  name: "data.csv",
3
  mimeType: "text/csv",
4
  buffer: readFileSync("./data.csv").toString("base64"),
5
});

1
await runtime.page.request.post("https://api.example.com/upload", {
2
  multipart: {
3
    name: "My Report",
4
    file: {
5
      name: "report.pdf",
6
      mimeType: "application/pdf",
7
      buffer: readFileSync("./report.pdf").toString("base64"),
8
    },
9
  },
10
});

1
import { readFileSync } from "fs";
2
3
await runtime.page.goto("https://app.example.com/upload");
4
5
// Set the file on the input
6
await runtime.page.locator("#file-input").setInputFiles({
7
  name: "invoice.pdf",
8
  mimeType: "application/pdf",
9
  buffer: readFileSync("./invoice.pdf").toString("base64"),
10
});
11
12
// Submit the form
13
await runtime.page.locator("#upload-btn").click();
14
15
// Wait for upload confirmation
16
await runtime.page.locator(".upload-success").waitFor();