diff --git a/packages/desktop-client/e2e/budget.mobile.test.js b/packages/desktop-client/e2e/budget.mobile.test.js index 7813264e7a4..65328588d5e 100644 --- a/packages/desktop-client/e2e/budget.mobile.test.js +++ b/packages/desktop-client/e2e/budget.mobile.test.js @@ -75,6 +75,22 @@ budgetTypes.forEach(budgetType => { await expect(page).toMatchThemeScreenshots(); }); + test('checks that clicking the Actual logo in the page header opens the budget page menu', async () => { + const budgetPage = await navigation.goToBudgetPage(); + await expect(budgetPage.budgetTable).toBeVisible({ + timeout: 10000, + }); + + await budgetPage.openBudgetPageMenu(); + + const budgetPageMenuModal = page.getByRole('dialog'); + const budgetPageMenuModalTitle = + budgetPageMenuModal.getByLabel('Modal logo'); + + await expect(budgetPageMenuModalTitle).toBeVisible(); + await expect(page).toMatchThemeScreenshots(); + }); + test('checks that clicking the category group name opens the category group menu modal', async () => { const budgetPage = await navigation.goToBudgetPage(); await expect(budgetPage.budgetTable).toBeVisible({ diff --git a/packages/desktop-client/e2e/page-models/mobile-budget-page.js b/packages/desktop-client/e2e/page-models/mobile-budget-page.js index ffa836b8b7a..d11ca2fe409 100644 --- a/packages/desktop-client/e2e/page-models/mobile-budget-page.js +++ b/packages/desktop-client/e2e/page-models/mobile-budget-page.js @@ -22,6 +22,7 @@ export class MobileBudgetPage { this.selectedBudgetMonthButton = this.heading.getByLabel( 'Selected budget month', ); + this.budgetPageMenuButton = page.getByLabel('Budget page menu'); this.budgetTableHeader = page.getByTestId('budget-table-header'); @@ -74,6 +75,10 @@ export class MobileBudgetPage { throw new Error('Budgeted/Spent columns could not be located on the page'); } + async openBudgetPageMenu() { + await this.budgetPageMenuButton.click(); + } + async getCategoryGroupNameForRow(idx) { return this.categoryGroupNames.nth(idx).textContent(); } diff --git a/packages/desktop-client/src/components/common/Modal.tsx b/packages/desktop-client/src/components/common/Modal.tsx index 2ed2b58c2a6..22c4e279a2d 100644 --- a/packages/desktop-client/src/components/common/Modal.tsx +++ b/packages/desktop-client/src/components/common/Modal.tsx @@ -318,6 +318,7 @@ export function ModalHeader({ > {showLogo && (