E2E: Fix the LOHP theme test (#97346)

Some back-and-forth to try and unflaky this test... Mix of race condition abort/goto and not being able to hover->click. --------- Co-authored-by: Marin Atanasov <[email protected]>
Automattic · Dec 12, 2024 · bf61b60 · bf61b60
1 parent 457fec4
commit bf61b60
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/test/e2e/specs/onboarding/signup__with-theme-LOHP.ts b/test/e2e/specs/onboarding/signup__with-theme-LOHP.ts
@@ -78,16 +78,17 @@ describe( 'Lifecyle: Logged Out Home Page, signup, onboard, launch and cancel su
 					themeButtonUrl.protocol = calypsoUrl.protocol;
 
 					await route.abort();
-					await page.goto( themeButtonUrl.href );
+					await page.unrouteAll( { behavior: 'ignoreErrors' } );
+					await page.goto( themeButtonUrl.href, { waitUntil: 'load' } );
 				} );
 			}
 			// Get theme slug
 			const pageMatch = new URL( themeButtonUrl.href ).search.match( 'theme=([a-z]*)?&' );
 			themeSlug = pageMatch?.[ 1 ] || null;
 
 			// Hover, otherwise the element isn't considered stable, and is out of the viewport.
-			await themeCard.hover();
-			await themeCard.getByText( 'Start with this theme' ).click();
+			await themeCard.hover( { force: true } );
+			await themeCard.getByText( 'Start with this theme' ).click( { force: true } );
 		} );
 
 		it( 'Sign up as new user', async function () {