Skip to content

Commit

Permalink
Cleanup tests
Browse files Browse the repository at this point in the history
  • Loading branch information
@joel-jeremy
joel-jeremy committed Sep 25, 2024
1 parent 1b05189 commit 73d8689
Show file tree
Hide file tree
Showing 2 changed files with 122 additions and 235 deletions.
325 changes: 104 additions & 221 deletions packages/desktop-client/e2e/budget.mobile.test.js
View file
Original file line number Diff line number Diff line change
@@ -1,253 +1,136 @@
import { test, expect } from '@playwright/test';

import * as monthUtils from 'loot-core/src/shared/months';

import { ConfigurationPage } from './page-models/configuration-page';
import { MobileNavigation } from './page-models/mobile-navigation';

test.describe('Mobile Budget [Envelope]', () => {
let page;
let navigation;
let configurationPage;

test.beforeEach(async ({ browser }) => {
page = await browser.newPage();
navigation = new MobileNavigation(page);
configurationPage = new ConfigurationPage(page);

await page.setViewportSize({
width: 350,
height: 600,
const budgetTypes = ['Envelope', 'Tracking'];

budgetTypes.forEach(budgetType => {
test.describe(`Mobile Budget [${budgetType}]`, () => {
let page;
let navigation;
let configurationPage;

test.beforeEach(async ({ browser }) => {
page = await browser.newPage();
navigation = new MobileNavigation(page);
configurationPage = new ConfigurationPage(page);

await page.setViewportSize({
width: 350,
height: 600,
});
await page.goto('/');
await configurationPage.createTestFile();

if (budgetType === 'Tracking') {
// Set budget type to tracking
const settingsPage = await navigation.goToSettingsPage();
await settingsPage.useBudgetType('tracking');
}
});
await page.goto('/');
await configurationPage.createTestFile();
});

test.afterEach(async () => {
await page.close();
});

test('loads the budget page with budgeted amounts', async () => {
const budgetPage = await navigation.goToBudgetPage();

await expect(budgetPage.categoryNames).toHaveText([
'Food',
'Restaurants',
'Entertainment',
'Clothing',
'General',
'Gift',
'Medical',
'Savings',
'Cell',
'Internet',
'Mortgage',
'Water',
'Power',
'Starting Balances',
'Misc',
'Income',
]);
await expect(page).toMatchThemeScreenshots();
});

test('checks that clicking the budgeted cell opens the budget menu modal', async () => {
const budgetPage = await navigation.goToBudgetPage();
await expect(budgetPage.budgetTable).toBeVisible();

await budgetPage.openBudgetMenu('Food');

const budgetMenuModal = page.getByTestId('envelope-budget-menu-modal');
await expect(budgetMenuModal).toBeVisible();
await expect(page).toMatchThemeScreenshots();
});

test('checks that clicking spent cell redirects to the category transactions page', async () => {
const budgetPage = await navigation.goToBudgetPage();
await expect(budgetPage.budgetTable).toBeVisible();

const accountPage = await budgetPage.openSpentPage('Food');

await expect(accountPage.transactionList).toBeVisible();
await expect(page).toMatchThemeScreenshots();
});

test('checks that clicking the balance button opens the balance menu modal', async () => {
const budgetPage = await navigation.goToBudgetPage();
await expect(budgetPage.budgetTable).toBeVisible();

await budgetPage.openBalanceMenu('Food');

const balanceMenuModal = page.getByTestId('envelope-balance-menu-modal');
await expect(balanceMenuModal).toBeVisible();
await expect(page).toMatchThemeScreenshots();
});

test('checks that clicking the month in the page header opens the month menu modal', async () => {
const budgetPage = await navigation.goToBudgetPage();
await expect(budgetPage.budgetTable).toBeVisible();

await budgetPage.openMonthMenu();

const monthMenuModal = page.getByTestId('envelope-budget-month-menu-modal');
await expect(monthMenuModal).toBeVisible();
await expect(page).toMatchThemeScreenshots();
});

test('updates the budgeted amount', async () => {
const budgetPage = await navigation.goToBudgetPage();
await expect(budgetPage.budgetTable).toBeVisible();

// Set to 100.00
await budgetPage.setBudget('Food', 10000);

const budgetedButton = await budgetPage.getBudgetedButton('Food');

await expect(budgetedButton).toHaveText('100.00');

await expect(page).toMatchThemeScreenshots();
});

test('checks that clicking the To Budget/Overbudgeted amount opens the budget summary menu modal', async () => {
const budgetPage = await navigation.goToBudgetPage();

await budgetPage.openEnvelopeBudgetSummaryMenu();

const summaryModal = page.getByTestId('envelope-budget-summary-modal');
await expect(summaryModal).toBeVisible();
await expect(page).toMatchThemeScreenshots();
});
});

test.describe('Mobile Budget [Tracking]', () => {
let page;
let navigation;
let configurationPage;

const setBudgetType = async budgetType => {
// Set budget type.
const settingsPage = await navigation.goToSettingsPage();
await settingsPage.useBudgetType(budgetType);
};

test.beforeEach(async ({ browser }) => {
page = await browser.newPage();
navigation = new MobileNavigation(page);
configurationPage = new ConfigurationPage(page);

await page.setViewportSize({
width: 350,
height: 600,
test.afterEach(async () => {
await page.close();
});
await page.goto('/');
await configurationPage.createTestFile();
});

test.afterEach(async () => {
await page.close();
});

test('loads the budget page with budgeted amounts', async () => {
await setBudgetType('tracking');

const budgetPage = await navigation.goToBudgetPage();

await expect(budgetPage.categoryNames).toHaveText([
'Food',
'Restaurants',
'Entertainment',
'Clothing',
'General',
'Gift',
'Medical',
'Savings',
'Cell',
'Internet',
'Mortgage',
'Water',
'Power',
'Starting Balances',
'Misc',
'Income',
]);
await expect(page).toMatchThemeScreenshots();
});

test('checks that clicking the budgeted cell opens the budget menu modal', async () => {
await setBudgetType('tracking');

const budgetPage = await navigation.goToBudgetPage();
await expect(budgetPage.budgetTable).toBeVisible();

await budgetPage.openBudgetMenu('Food');

const budgetMenuModal = page.getByTestId('tracking-budget-menu-modal');
await expect(budgetMenuModal).toBeVisible();
await expect(page).toMatchThemeScreenshots();
});

test('checks that clicking spent cell redirects to the category transactions page', async () => {
await setBudgetType('tracking');
test('loads the budget page with budgeted amounts', async () => {
const budgetPage = await navigation.goToBudgetPage();

await expect(budgetPage.categoryNames).toHaveText([
'Food',
'Restaurants',
'Entertainment',
'Clothing',
'General',
'Gift',
'Medical',
'Savings',
'Cell',
'Internet',
'Mortgage',
'Water',
'Power',
'Starting Balances',
'Misc',
'Income',
]);
await expect(page).toMatchThemeScreenshots();
});

const budgetPage = await navigation.goToBudgetPage();
await expect(budgetPage.budgetTable).toBeVisible();
test('checks that clicking the budgeted cell opens the budget menu modal', async () => {
const budgetPage = await navigation.goToBudgetPage();
await expect(budgetPage.budgetTable).toBeVisible();

const accountPage = await budgetPage.openSpentPage('Food');
await budgetPage.openBudgetMenu('Food');

await expect(accountPage.transactionList).toBeVisible();
await expect(page).toMatchThemeScreenshots();
});
const budgetMenuModal = page.getByTestId('envelope-budget-menu-modal');
await expect(budgetMenuModal).toHaveTitle('Food');
await expect(page).toMatchThemeScreenshots();
});

test('checks that clicking the balance button opens the balance menu modal', async () => {
await setBudgetType('tracking');
test('checks that clicking spent cell redirects to the category transactions page', async () => {
const budgetPage = await navigation.goToBudgetPage();
await expect(budgetPage.budgetTable).toBeVisible();

const budgetPage = await navigation.goToBudgetPage();
await expect(budgetPage.budgetTable).toBeVisible();
const accountPage = await budgetPage.openSpentPage('Food');

await budgetPage.openBalanceMenu('Food');
await expect(accountPage.heading).toHaveText('Food');
await expect(accountPage.transactionList).toBeVisible();
await expect(page).toMatchThemeScreenshots();
});

const balanceMenuModal = page.getByTestId('tracking-balance-menu-modal');
await expect(balanceMenuModal).toBeVisible();
await expect(page).toMatchThemeScreenshots();
});
test('checks that clicking the balance button opens the balance menu modal', async () => {
const budgetPage = await navigation.goToBudgetPage();
await expect(budgetPage.budgetTable).toBeVisible();

test('checks that clicking the month in the page header opens the month menu modal', async () => {
await setBudgetType('tracking');
await budgetPage.openBalanceMenu('Food');

const budgetPage = await navigation.goToBudgetPage();
await expect(budgetPage.budgetTable).toBeVisible();
const balanceMenuModal = page.getByTestId('envelope-balance-menu-modal');
await expect(balanceMenuModal).toHaveTitle('Food');
await expect(page).toMatchThemeScreenshots();
});

await budgetPage.openMonthMenu();
test('checks that clicking the month in the page header opens the month menu modal', async () => {
const budgetPage = await navigation.goToBudgetPage();
await expect(budgetPage.budgetTable).toBeVisible();

const monthMenuModal = page.getByTestId('tracking-budget-month-menu-modal');
await expect(monthMenuModal).toBeVisible();
await expect(page).toMatchThemeScreenshots();
});
await budgetPage.openMonthMenu();

test('updates the budgeted amount', async () => {
await setBudgetType('tracking');
const monthMenuModal = page.getByTestId(
'envelope-budget-month-menu-modal',
);

const budgetPage = await navigation.goToBudgetPage();
await expect(budgetPage.budgetTable).toBeVisible();
const currentMonth = monthUtils.currentMonth();
const monthTitle = monthUtils.format(currentMonth, 'MMMM ‘yy');

// Set to 100.00
await budgetPage.setBudget('Food', 10000);
await expect(monthMenuModal).toHaveTitle(monthTitle);
await expect(page).toMatchThemeScreenshots();
});

const budgetedButton = await budgetPage.getBudgetedButton('Food');
test('updates the budgeted amount', async () => {
const budgetPage = await navigation.goToBudgetPage();
await expect(budgetPage.budgetTable).toBeVisible();

await expect(budgetedButton).toHaveText('100.00');
// Set to 100.00
await budgetPage.setBudget('Food', 10000);

await expect(page).toMatchThemeScreenshots();
});
const budgetedButton = await budgetPage.getBudgetedButton('Food');

test('checks that clicking the Saved/Projected Savings/Overspensing amount opens the budget summary menu modal', async () => {
await setBudgetType('tracking');
await expect(budgetedButton).toHaveText('100.00');
await expect(page).toMatchThemeScreenshots();
});

const budgetPage = await navigation.goToBudgetPage();
await expect(budgetPage.budgetTable).toBeVisible();
test('checks that clicking the To Budget/Overbudgeted amount opens the budget summary menu modal', async () => {
const budgetPage = await navigation.goToBudgetPage();

await budgetPage.openTrackingBudgetSummaryMenu();
await budgetPage.openEnvelopeBudgetSummaryMenu();

const summaryModal = page.getByTestId('tracking-budget-summary-modal');
await expect(summaryModal).toBeVisible();
await expect(page).toMatchThemeScreenshots();
const summaryModal = page.getByTestId('envelope-budget-summary-modal');
await expect(summaryModal).toHaveTitle('Budget Summary');
await expect(page).toMatchThemeScreenshots();
});
});
});
Loading

0 comments on commit 73d8689

Please sign in to comment.