Port merchant subscription settings spec to Playwright (#10155)

Co-authored-by: Eric Jinks <[email protected]>

changelog/dev-10083-playwright-migration-merchant-subscriptions-settings

@@ -0,0 +1,4 @@
+Significance: patch
+Type: dev
+
+Migrate merchant subscription settings spec to Playwright

tests/e2e-pw/specs/merchant/merchant-subscriptions-settings.spec.ts

@@ -0,0 +1,30 @@
+/**
+ * External dependencies
+ */
+import test, { expect } from 'playwright/test';
+import { describeif, useMerchant } from '../../utils/helpers';
+import { shouldRunSubscriptionsTests } from '../../utils/constants';
+import { goToWooCommerceSettings } from '../../utils/merchant-navigation';
+
+describeif( shouldRunSubscriptionsTests )(
+	'WooCommerce > Settings > Subscriptions',
+	() => {
+		useMerchant();
+		test( 'Merchant should be able to load WooCommerce Subscriptions settings tab', async ( {
+			page,
+		} ) => {
+			await goToWooCommerceSettings( page, 'subscriptions' );
+			const menuItem = page.getByRole( 'main' ).getByRole( 'link', {
+				name: 'Subscriptions',
+				exact: true,
+			} );
+			await expect( menuItem ).toBeVisible();
+
+			// An alternative way to verify the subscriptions menu page is active, avoiding the active tab classname.
+			const heading = await page.getByRole( 'heading', {
+				name: 'Subscriptions',
+			} );
+			await expect( heading ).toBeVisible();
+		} );
+	}
+);

tests/e2e-pw/utils/merchant-navigation.ts

@@ -23,6 +23,12 @@ export const goToWooPaymentsSettings = async ( page: Page ) => {
 	);
 };
 
+export const goToWooCommerceSettings = async ( page: Page, tab?: string ) => {
+	await page.goto(
+		'/wp-admin/admin.php?page=wc-settings' + ( tab ? '&tab=' + tab : '' )
+	);
+};
+
 export const goToOptionsPage = async ( page: Page ) => {
 	await page.goto( '/wp-admin/options.php', {
 		waitUntil: 'load',