Convert merchant admin transactions E2E tests to Playwright (#10174)

changelog/dev-9960-playwright-migration-admin-transactions

@@ -0,0 +1,4 @@
+Significance: patch
+Type: dev
+
+Convert merchant admin transactions E2E test to Playwright

tests/e2e-pw/specs/merchant/merchant-admin-transactions.spec.ts

@@ -0,0 +1,33 @@
+/**
+ * External dependencies
+ */
+import test, { expect } from '@playwright/test';
+
+/**
+ * Internal dependencies
+ */
+import { shouldRunSubscriptionsTests } from '../../utils/constants';
+import { getMerchant } from '../../utils/helpers';
+import { goToTransactions } from '../../utils/merchant-navigation';
+
+test.describe( 'Admin transactions', () => {
+	test( 'page should load without errors', async ( { browser } ) => {
+		const { merchantPage } = await getMerchant( browser );
+		await goToTransactions( merchantPage );
+		await expect(
+			merchantPage
+				.getByLabel( 'Transactions', { exact: true } )
+				.getByRole( 'heading', { name: 'Transactions' } )
+		).toBeVisible();
+
+		if ( shouldRunSubscriptionsTests ) {
+			await expect(
+				merchantPage.getByRole( 'columnheader', {
+					name: 'Subscription number',
+				} )
+			).toBeVisible();
+		}
+
+		await expect( merchantPage ).toHaveScreenshot();
+	} );
+} );

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

@@ -60,6 +60,14 @@ export const goToOrderAnalytics = async ( page: Page ) => {
 	await dataHasLoaded( page );
 };
 
+export const goToTransactions = async ( page: Page ) => {
+	await page.goto(
+		'/wp-admin/admin.php?page=wc-admin&path=%2Fpayments%2Ftransactions',
+		{ waitUntil: 'load' }
+	);
+	await dataHasLoaded( page );
+};
+
 export const goToMultiCurrencySettings = async ( page: Page ) => {
 	await page.goto(
 		'/wp-admin/admin.php?page=wc-settings&tab=wcpay_multi_currency',