e2e: support using WC rc, timing issue fixes (#4550)

* Support using WooCommerce RC in e2e tests

* Timing issue fixes for ACH, Klarna and Affirm

* Add changelog and readme entries

* Remove unnecessary clicks, wait to be visible only

* Fix visibility check

Author: annemirasol

changelog.txt

@@ -33,6 +33,7 @@
 * Dev - Minor CSS change to comply with a SASS rule deprecation
 * Dev - Update SCSS to replace @import with @use and @forward
 * Fix - Handle missing customer when calling payment_methods API
+* Dev - Fix some e2e issues: timing, optional flows, and WooCommerce RC support
 
 = 9.7.1 - 2025-07-28 =
 * Add - Add state mapping for Lithuania in express checkout

readme.txt

@@ -142,5 +142,6 @@ If you get stuck, you can ask for help in the [Plugin Forum](https://wordpress.o
 * Dev - Minor CSS change to comply with a SASS rule deprecation
 * Dev - Update SCSS to replace @import with @use and @forward
 * Fix - Handle missing customer when calling payment_methods API
+* Dev - Fix some e2e issues: timing, optional flows, and WooCommerce RC support
 
 [See changelog for full details across versions](https://raw.githubusercontent.com/woocommerce/woocommerce-gateway-stripe/trunk/changelog.txt).

tests/e2e/bin/setup.sh

@@ -90,6 +90,11 @@ if [[ -n "$WC_VERSION" && $WC_VERSION != 'latest' ]]; then
 	if [[ $WC_VERSION == 'beta' ]]; then
 		WC_VERSION=$(curl https://api.wordpress.org/plugins/info/1.0/woocommerce.json | jq -r '.versions | with_entries(select(.key|match("beta";"i"))) | keys[-1]' --sort-keys)
 	fi
+
+	if [[ $WC_VERSION == 'rc' ]]; then
+		WC_VERSION=$(curl https://api.wordpress.org/plugins/info/1.0/woocommerce.json | jq -r '.versions | with_entries(select(.key|match("rc";"i"))) | keys[0]' --sort-keys)
+	fi
+
 	step "Installing WooCommerce ${WC_VERSION}"
 	redirect_output cli wp plugin install woocommerce --version="$WC_VERSION" --activate
 else

tests/e2e/utils/payments.js

@@ -476,10 +476,24 @@ export const fillACHBankDetails = async ( page ) => {
 	// Click "Connect Account" button.
 	await frame.getByTestId( 'select-button' ).click();
 
-	// Skip link registration
-	await frame.getByTestId( 'link-not-now-button' ).click();
+	// Link registration button may or may not appear.
+	await Promise.race( [
+		frame
+			.getByTestId( 'link-not-now-button' )
+			.waitFor( {
+				state: 'visible',
+				timeout: 5000,
+			} )
+			.then( async () => {
+				await frame.getByTestId( 'link-not-now-button' ).click();
+			} ),
+
+		frame.getByTestId( 'done-button' ).waitFor( {
+			state: 'visible',
+			timeout: 5000,
+		} ),
+	] );
 
-	// Click "Done" button.
 	await frame.getByTestId( 'done-button' ).click();
 };
 
@@ -905,16 +919,24 @@ export const setupAffirmCheckout = async ( page, checkoutType = 'blocks' ) => {
 		const affirmLabel = page.locator( 'label', { hasText: 'Affirm' } );
 		await affirmLabel.waitFor( { state: 'visible' } );
 		await affirmLabel.click();
-		await page.waitForSelector(
-			'#radio-control-wc-payment-method-options-stripe_affirm__content'
-		);
+		await expect(
+			page
+				.frameLocator(
+					'#radio-control-wc-payment-method-options-stripe_affirm__content iframe[name^="__privateStripeFrame"]'
+				)
+				.getByTestId( 'next-action-text' )
+		).toBeVisible();
 	} else {
 		const affirmLabel = page.getByText( 'Affirm' );
 		await affirmLabel.waitFor( { state: 'visible' } );
 		await affirmLabel.click();
-		await page.waitForSelector(
-			'.payment_method_stripe_affirm iframe[src*="elements-inner-payment"]'
-		);
+		await expect(
+			page
+				.frameLocator(
+					'.payment_method_stripe_affirm iframe[src*="elements-inner-payment"]'
+				)
+				.getByTestId( 'next-action-text' )
+		).toBeVisible();
 	}
 };
 
@@ -943,15 +965,23 @@ export const setupKlarnaCheckout = async ( page, checkoutType = 'blocks' ) => {
 		const klarnaLabel = page.locator( 'label', { hasText: 'Klarna' } );
 		await klarnaLabel.waitFor( { state: 'visible' } );
 		await klarnaLabel.click();
-		await page.waitForSelector(
-			'#radio-control-wc-payment-method-options-stripe_klarna__content'
-		);
+		await expect(
+			page
+				.frameLocator(
+					'#radio-control-wc-payment-method-options-stripe_klarna__content iframe[name^="__privateStripeFrame"]'
+				)
+				.getByTestId( 'next-action-text' )
+		).toBeVisible();
 	} else {
 		const klarnaLabel = page.getByText( 'Klarna' );
 		await klarnaLabel.waitFor( { state: 'visible' } );
 		await klarnaLabel.click();
-		await page.waitForSelector(
-			'.payment_method_stripe_klarna iframe[src*="elements-inner-payment"]'
-		);
+		await expect(
+			page
+				.frameLocator(
+					'.payment_method_stripe_klarna iframe[src*="elements-inner-payment"]'
+				)
+				.getByTestId( 'next-action-text' )
+		).toBeVisible();
 	}
 };