Merge branch 'main' into feat/optional-index-canister

.gitignore

@@ -51,3 +51,5 @@ backend-v*.wasm.gz
 pocket-ic
 
 e2e/*-snapshots/*-darwin.png
+
+coverage/

e2e/transactions-page.spec.ts

@@ -0,0 +1,27 @@
+import { testWithII } from '@dfinity/internet-identity-playwright';
+import { expect } from '@playwright/test';
+import { TransactionsPage } from './utils/pages/transactions.page';
+
+testWithII('should display BTC transactions page', async ({ page, iiPage }) => {
+	const transactionsPage = new TransactionsPage({ page, iiPage, tokenSymbol: 'BTC' });
+
+	await transactionsPage.waitForReady();
+
+	await expect(page).toHaveScreenshot({ fullPage: true });
+});
+
+testWithII('should display ETH transactions page', async ({ page, iiPage }) => {
+	const transactionsPage = new TransactionsPage({ page, iiPage, tokenSymbol: 'ETH' });
+
+	await transactionsPage.waitForReady();
+
+	await expect(page).toHaveScreenshot({ fullPage: true });
+});
+
+testWithII('should display ICP transactions page', async ({ page, iiPage }) => {
+	const transactionsPage = new TransactionsPage({ page, iiPage, tokenSymbol: 'ICP' });
+
+	await transactionsPage.waitForReady();
+
+	await expect(page).toHaveScreenshot({ fullPage: true });
+});

e2e/utils/pages/homepage.page.ts

@@ -22,7 +22,7 @@ interface HomepageParams {
 	viewportSize?: ViewportSize;
 }
 
-type HomepageLoggedInParams = {
+export type HomepageLoggedInParams = {
 	iiPage: InternetIdentityPage;
 } & HomepageParams;
 
@@ -277,6 +277,10 @@ export class HomepageLoggedIn extends Homepage {
 		await expect(qrCodeOutputLocator).toHaveText(qrCode ?? '');
 	}
 
+	async extendWaitForReady(): Promise<void> {
+		// Extend the waitForReady method in a subclass
+	}
+
 	/**
 	 * @override
 	 */
@@ -288,5 +292,7 @@ export class HomepageLoggedIn extends Homepage {
 		await this.waitForLoaderModal({ state: 'hidden', timeout: 60000 });
 
 		await this.waitForTokensInitialization();
+
+		await this.extendWaitForReady();
 	}
 }

e2e/utils/pages/transactions.page.ts

@@ -0,0 +1,23 @@
+import { TOKEN_CARD } from '../../../src/frontend/src/lib/constants/test-ids.constants';
+import { HomepageLoggedIn, type HomepageLoggedInParams } from './homepage.page';
+
+export type TransactionsPageParams = {
+	tokenSymbol: string;
+} & HomepageLoggedInParams;
+
+export class TransactionsPage extends HomepageLoggedIn {
+	readonly #tokenSymbol: string;
+
+	constructor({ page, iiPage, viewportSize, tokenSymbol }: TransactionsPageParams) {
+		super({ page, iiPage, viewportSize });
+
+		this.#tokenSymbol = tokenSymbol;
+	}
+
+	/**
+	 * @override
+	 */
+	async extendWaitForReady(): Promise<void> {
+		await this.clickByTestId(`${TOKEN_CARD}-${this.#tokenSymbol}`);
+	}
+}