Test that templates exist

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

@@ -2,14 +2,20 @@
  * External dependencies
  */
 import { test, expect } from '@woocommerce/e2e-playwright-utils';
-
-/**
- * Internal dependencies
- */
+import { cli } from '@woocommerce/e2e-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( 'Go to the advanced settings page', () => {
 			test( 'Load advanced settings', async ( { page } ) => {
 				await page.goto(

tests/e2e-pw/tests/templates/cart-template.block_theme.spec.ts

@@ -0,0 +1,21 @@
+/**
+ * External dependencies
+ */
+import { test, expect } from '@woocommerce/e2e-playwright-utils';
+
+test.describe( 'Test the cart template', async () => {
+	test.describe( 'Template is available', () => {
+		test( 'Open template in the site editor', async ( { page } ) => {
+			await page.goto( '/wp-admin/site-editor.php' );
+			await page.click( 'text=Templates' );
+			await page.click( 'text=Cart' );
+			await page.getByRole( 'button', { name: /Edit/i } ).click();
+
+			const iframeButton = await page
+				.frameLocator( 'iFrame' )
+				.locator( 'button:has-text("Proceed to checkout")' )
+				.first();
+			await expect( iframeButton ).toBeVisible();
+		} );
+	} );
+} );

tests/e2e-pw/tests/templates/checkout-header-template-part.block_theme.spec.ts

@@ -0,0 +1,17 @@
+/**
+ * External dependencies
+ */
+import { test, expect } from '@woocommerce/e2e-playwright-utils';
+
+test.describe( 'Test the checkout header template part', async () => {
+	test.describe( 'Template part is available', () => {
+		test( 'Open template in the site editor', async ( { page } ) => {
+			await page.goto( '/wp-admin/site-editor.php' );
+			await page.click( 'text=Template Parts' );
+			await page.click( 'text=Checkout Header' );
+
+			const editButton = page.getByRole( 'button', { name: /Edit/i } );
+			await expect( editButton ).toBeVisible();
+		} );
+	} );
+} );

tests/e2e-pw/tests/templates/checkout-template.block_theme.spec.ts

@@ -0,0 +1,21 @@
+/**
+ * External dependencies
+ */
+import { test, expect } from '@woocommerce/e2e-playwright-utils';
+
+test.describe( 'Test the checkout template', async () => {
+	test.describe( 'Template is available', () => {
+		test( 'Open template in the site editor', async ( { page } ) => {
+			await page.goto( '/wp-admin/site-editor.php' );
+			await page.click( 'text=Templates' );
+			await page.click( 'text=Checkout' );
+			await page.getByRole( 'button', { name: /Edit/i } ).click();
+
+			const iframeButton = await page
+				.frameLocator( 'iFrame' )
+				.locator( 'button:has-text("Place order")' )
+				.first();
+			await expect( iframeButton ).toBeVisible();
+		} );
+	} );
+} );

tests/e2e-pw/tests/templates/order-confirmation.block_theme.spec.ts

@@ -0,0 +1,23 @@
+/**
+ * External dependencies
+ */
+import { test, expect } from '@woocommerce/e2e-playwright-utils';
+
+test.describe( 'Test the order confirmation template', async () => {
+	test.describe( 'Template is available', () => {
+		test( 'Open template in the site editor', async ( { page } ) => {
+			await page.goto( '/wp-admin/site-editor.php' );
+			await page.click( 'text=Templates' );
+			await page.click( 'text=Order confirmation' );
+			await page.getByRole( 'button', { name: /Edit/i } ).click();
+
+			const iframeButton = await page
+				.frameLocator( 'iFrame' )
+				.locator(
+					'p:has-text("Thank you. Your order has been received.")'
+				)
+				.first();
+			await expect( iframeButton ).toBeVisible();
+		} );
+	} );
+} );