Skip to main content
Version: Next

ElementHandle.autofill() method

If the element is a form input, you can use ElementHandle.autofill() to test if the form is compatible with the browser's autofill implementation. Throws an error if the form cannot be autofilled.

Signature:

class ElementHandle {
abstract autofill(data: AutofillData): Promise<void>;
}

Parameters

Parameter

Type

Description

data

AutofillData

Returns:

Promise<void>

Remarks

Currently, Puppeteer supports auto-filling credit card information only and in Chrome in the new headless and headful modes only.

// Select an input on the credit card form.
const name = await page.waitForSelector('form #name');
// Trigger autofill with the desired data.
await name.autofill({
creditCard: {
number: '4444444444444444',
name: 'John Smith',
expiryMonth: '01',
expiryYear: '2030',
cvc: '123',
},
});