Paypal payment flow
Hi guys, does anyone have any experience automating the payment flow with Paypal? It's an integrated component on UI [we can't change it internally]. The yellow checkout paypal button is inside an iframe, when clicking it, it opens a new browser window and I can't seem to find a reliable way 1) to always click on this yellow button (flaky) 2) to switch windows from the main one to this window2 to interact with paypal login. When I use a Playwright recorder, it stops recording right after the need to focus on window2.
This thread is trying to answer question "Does anyone have any experience automating the payment flow with Paypal, specifically in reliably clicking the Paypal button and switching windows to interact with the Paypal login?"
https://playwright.dev/docs/pages#handling-popups this might help.
Yes I think I found it. There are other issues, I requested support from Chargify to clarify their paypal different flows. But for the current issue:
- please, refer to https://github.com/paypal/react-paypal-js/issues/390 for clicking the checkout button (proper locator)
- for switching the windows: I wrapped it into a Promise.all() and wait for the event 'page' while clicking on the locator from the above: const [newPage] = await Promise.all([ context.waitForEvent('page'), selectPlanPage.paypalFrame.click({ delay: 5000 }) ]); await newPage.bringToFront();
Rayrun is a community for QA engineers. I am constantly looking for new ways to add value to people learning Playwright and other browser automation frameworks. If you have feedback, email luc@ray.run.