Breaking News: Grepper is joining You.com. Read the official announcement!

puppeteer iframe stripe

Pudochu answered on March 7, 2023 Popularity 1/10 Helpfulness 9/10

answer puppeteer iframe stripe

puppeteer iframe stripe

Comment

A good solution for this is using tab to switch to the next input. In my test I have an input for the cardholder name and I then tab to the CardElement component.

describe('Test Input', () => {
  test('Filling out card payment form', async () => {
    let browser = await puppeteer.launch({
      headless: false,
      slowMo: 100
    });
    let page = await browser.newPage();

    page.emulate({
      viewport: {
        width: 1280,
        height: 1080
      },
      userAgent: ''
    });

    await page.goto('http://localhost:3000/asd/payment-requests/50-eur-by-2021-01-15t1200');

    await page.waitForSelector('#input-name');
    await page.click('input[name=card_name]')
    await page.type('input[name=card_name]', 'Joe Bloggs')
    await page.keyboard.press("Tab");
    await page.keyboard.type(card.number, { delay: 500 })
    await page.keyboard.type(card.month, { delay: 50 })
    await page.keyboard.type(card.year, { delay: 50 })
    await page.keyboard.type(card.cvc, { delay: 50 })
    await page.keyboard.type(card.zip, { delay: 50 })

    browser.close();
  }, 90000);
});

Source:

https://stackoverflow.com/questions/62174765/how-to-use-puppeteer-with-stripe-elements

Reference:

https://github.com/stripe/react-stripe-elements/issues/137#issuecomment-352092164

Popularity 1/10 Helpfulness 9/10 Language whatever

Source: stackoverflow.com

Tags: iframe puppeteer whatever

Link to this answer
Share Copy Link