Ensure cart has contents before running tests on frontend views

tests/e2e-pw/tests/permalink-settings/permalink-settings.block_theme.spec.ts

@@ -4,18 +4,23 @@
 import { test, expect } from '@woocommerce/e2e-playwright-utils';
 import { cli } from '@woocommerce/e2e-utils';
 
-test.afterAll( async () => {
-	await cli(
-		'npm run wp-env run tests-cli "wp option update woocommerce_cart_page_endpoint cart"'
-	);
-	await cli(
-		'npm run wp-env run tests-cli "wp option update woocommerce_checkout_page_endpoint checkout"'
-	);
-} );
+/**
+ * Internal dependencies
+ */
+import { goToShop, addToCart } from '../../utils';
 
 test.describe(
 	'Tests permalink settings for the cart and checkout templates',
 	async () => {
+		test.afterAll( async () => {
+			await cli(
+				'npm run wp-env run tests-cli "wp option update woocommerce_cart_page_endpoint cart"'
+			);
+			await cli(
+				'npm run wp-env run tests-cli "wp option update woocommerce_checkout_page_endpoint checkout"'
+			);
+		} );
+
 		test.describe( 'Settings page', () => {
 			test( 'Load advanced settings', async ( { page } ) => {
 				await page.goto(
@@ -41,7 +46,13 @@ test.describe(
 				await expect( checkoutInput ).toBeVisible();
 			} );
 		} );
+
 		test.describe( 'Frontend templates are updated', () => {
+			test.beforeEach( async ( { page } ) => {
+				await goToShop( page );
+				await addToCart( page );
+			} );
+
 			test( 'Changing cart permalink works', async ( { page } ) => {
 				await page.goto(
 					'/wp-admin/admin.php?page=wc-settings&tab=advanced'
@@ -58,6 +69,7 @@ test.describe(
 				const cartText = await page.getByText( 'Proceed to checkout' );
 				expect( cartText ).toBeVisible();
 			} );
+
 			test( 'Changing checkout permalink works', async ( { page } ) => {
 				await page.goto(
 					'/wp-admin/admin.php?page=wc-settings&tab=advanced'

tests/e2e-pw/utils/frontend/add-to-cart.ts

@@ -0,0 +1,9 @@
+/**
+ * External dependencies
+ */
+import { Page } from '@playwright/test';
+
+export const addToCart = async ( page: Page ) => {
+	await page.click( 'text=Add to cart' );
+	await page.waitForLoadState( 'networkidle' );
+};

tests/e2e-pw/utils/frontend/go-to-shop.ts

@@ -0,0 +1,11 @@
+/**
+ * External dependencies
+ */
+import { Page } from '@playwright/test';
+
+// Navigate to the shop page.
+export const goToShop = ( page: Page ) => {
+	page.goto( '/shop', {
+		waitUntil: 'networkidle',
+	} );
+};

tests/e2e-pw/utils/frontend/index.ts

@@ -1 +1,3 @@
 export * from './get-block-by-name';
+export * from './go-to-shop';
+export * from './add-to-cart';