Update e2e tests to be compatible with WP 6.7 (#52304)

* Updated e2e tests to be compatible with WP 6.7

* Add changelog

plugins/woocommerce/changelog/e2e-update-tests-to-match-wp-6-7-changes

@@ -0,0 +1,4 @@
+Significance: patch
+Type: dev
+
+E2E tests: Update relevant e2e tests to be compatible with the upcoming changes in WP 6.7

plugins/woocommerce/tests/e2e-pw/tests/admin-marketing/coupons.spec.js

@@ -9,11 +9,16 @@ test.describe( 'Coupons page', () => {
 		await page.goto(
 			'wp-admin/edit.php?post_type=shop_coupon&legacy_coupon_menu=1'
 		);
+
 		await expect( page.locator( 'h1.wp-heading-inline' ) ).toHaveText(
 			'Coupons'
 		);
+
+		// Use regex to allow for "Add coupon" or "Add new coupon"
+		// making it compatible with WP <=6.6 & 6.7+
+		const addCouponRegex = /Add (coupon|new coupon)/i;
 		await expect( page.locator( 'a.page-title-action' ) ).toHaveText(
-			'Add coupon'
+			addCouponRegex
 		);
 	} );
 } );

plugins/woocommerce/tests/e2e-pw/tests/merchant/page-loads.spec.js

@@ -207,7 +207,7 @@ for ( const currentPage of wcPages ) {
 					async ( { page } ) => {
 						await page
 							.locator(
-								`li.wp-menu-open > ul.wp-submenu > li a:text-is("${ currentPage.subpages[ i ].name }")`
+								`li.wp-menu-open > ul.wp-submenu > li a:has-text("${ currentPage.subpages[ i ].name }")`
 							)
 							.click();
 

plugins/woocommerce/tests/e2e-pw/tests/shopper/checkout.spec.js

@@ -461,12 +461,12 @@ test.describe(
 			await test.step( 'Confirm order details on the backend (as a merchant)', async () => {
 				await page.goto( 'wp-login.php' );
 				await page
-					.locator( 'input[name="log"]' )
+					.getByLabel( 'Username or Email Address' )
 					.fill( admin.username );
 				await page
-					.locator( 'input[name="pwd"]' )
+					.getByRole( 'textbox', { name: 'Password' } )
 					.fill( admin.password );
-				await page.locator( 'text=Log In' ).click();
+				await page.getByRole( 'button', { name: 'Log In' } ).click();
 
 				// load the order placed as a guest
 				await page.goto(
@@ -497,12 +497,12 @@ test.describe(
 		test( 'allows existing customer to place order', async ( { page } ) => {
 			await page.goto( 'my-account/' );
 			await page
-				.locator( 'input[name="username"]' )
+				.getByLabel( 'Username or Email Address' )
 				.fill( customer.username );
 			await page
-				.locator( 'input[name="password"]' )
+				.getByRole( 'textbox', { name: 'Password' } )
 				.fill( customer.password );
-			await page.locator( 'text=Log In' ).click();
+			await page.getByRole( 'button', { name: 'Log In' } ).click();
 			await expect(
 				page.getByText(
 					`Hello ${ customer.first_name } ${ customer.last_name }`
@@ -563,9 +563,13 @@ test.describe(
 
 			// Switch to admin user.
 			await page.goto( 'wp-login.php?loggedout=true' );
-			await page.locator( 'input[name="log"]' ).fill( admin.username );
+			await page
-			await page.locator( 'input[name="pwd"]' ).fill( admin.password );
+				.getByLabel( 'Username or Email Address' )
-			await page.locator( 'text=Log In' ).click();
+				.fill( admin.username );
+			await page
+				.getByRole( 'textbox', { name: 'Password' } )
+				.fill( admin.password );
+			await page.getByRole( 'button', { name: 'Log In' } ).click();
 
 			// load the order placed as a customer
 			await page.goto(