Skip to content

Add accounting page for bank balance sheets #922

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
TaprootFreak wants to merge 8 commits into
base: develop
Choose a base branch
from
Draft

Add accounting page for bank balance sheets #922

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
98b5f81
Add accounting page for bank balance sheets
TaprootFreak Jan 19, 2026
3add584
Mask dynamic income/expense values in accounting screenshots
TaprootFreak Jan 19, 2026
3069deb
Add E2E tests for all 6 banks (2024+2025) with dynamic value masking
TaprootFreak Jan 19, 2026
02af25c
Keep Saldo visible in screenshots (only mask income/expenses/total)
TaprootFreak Jan 19, 2026
9121a34
Add Type dropdown (Ein-Ausgaben/Detailliert) and update tests
TaprootFreak Jan 19, 2026
49c9e03
refactor(tests): replace hardcoded API URLs with REACT_APP_API_URL
TaprootFreak Jan 19, 2026
f943ae3
feat(e2e): Add comprehensive E2E tests for accounting page
TaprootFreak Jan 19, 2026
d041858
Update screenshot baselines with larger viewport (1400x1200)
TaprootFreak Jan 20, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
267 changes: 267 additions & 0 deletions e2e/accounting-balances.spec.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,267 @@
import { test, expect, Page } from '@playwright/test';

/**
* E2E Tests: Accounting Page - T-Account Balance Sheet
*
* Tests all active banks for years 2024 and 2025.
* Uses the REAL API - no mocking allowed!
*
* Required env vars: ADMIN_ADDRESS, ADMIN_SIGNATURE
*/

const ADMIN_ADDRESS = process.env.ADMIN_ADDRESS || '';
const ADMIN_SIGNATURE = process.env.ADMIN_SIGNATURE || '';

// Bank IBANs
const BANKS = {
OLKYPAY_EUR: 'LU116060002000005040',
MAERKI_EUR: 'CH6808573177975201814',
MAERKI_CHF: 'CH3408573177975200001',
RAIFFEISEN_CHF: 'CH4880808002186504370',
YAPEAL_CHF: 'CH4883019DFXSWISSCHFX',
YAPEAL_EUR: 'CH8583019DFXSWISSEURX',
};

async function removeErrorOverlay(page: Page): Promise<void> {
await page.evaluate(() => {
const overlay = document.getElementById('webpack-dev-server-client-overlay');
if (overlay) overlay.remove();
});
}

async function waitForAppLoaded(page: Page): Promise<void> {
await page.waitForTimeout(3000);
}

async function waitForBalanceSheet(page: Page): Promise<void> {
await page.waitForSelector('[data-testid="balance-sheet"]', { state: 'visible', timeout: 10000 });
}

// Dynamic values that change with new transactions - mask in screenshots
// Note: Saldo (closing-balance) is NOT masked - it should be visible for verification
function getDynamicValueMasks(page: Page) {
return [
page.locator('[data-testid="total-income"]'),
page.locator('[data-testid="total-expenses"]'),
page.locator('[data-testid="total-soll"]'),
page.locator('[data-testid="total-haben"]'),
];
}

test.describe('Accounting Page - Balance Sheets (Real API)', () => {
test.beforeAll(() => {
if (!ADMIN_ADDRESS || !ADMIN_SIGNATURE) {
throw new Error('ADMIN_ADDRESS and ADMIN_SIGNATURE must be set in .env');
}
});

// ========== 2024 ==========
test.describe('2024 Balance Sheets', () => {
test('Olkypay EUR 2024', async ({ page }) => {
await page.goto(`/accounting?year=2024&bank=${BANKS.OLKYPAY_EUR}&type=summary&address=${ADMIN_ADDRESS}&signature=${ADMIN_SIGNATURE}`);
await waitForAppLoaded(page);
await removeErrorOverlay(page);
await waitForBalanceSheet(page);

const balanceSheet = page.locator('[data-testid="balance-sheet"]');
await expect(balanceSheet).toBeVisible();
await expect(balanceSheet).toContainText(BANKS.OLKYPAY_EUR);

await expect(page).toHaveScreenshot('01-olkypay-eur-2024.png', {
fullPage: true,
animations: 'disabled',
mask: getDynamicValueMasks(page),
});
});

test('Maerki Baumann EUR 2024', async ({ page }) => {
await page.goto(`/accounting?year=2024&bank=${BANKS.MAERKI_EUR}&type=summary&address=${ADMIN_ADDRESS}&signature=${ADMIN_SIGNATURE}`);
await waitForAppLoaded(page);
await removeErrorOverlay(page);
await waitForBalanceSheet(page);

const balanceSheet = page.locator('[data-testid="balance-sheet"]');
await expect(balanceSheet).toBeVisible();
await expect(balanceSheet).toContainText(BANKS.MAERKI_EUR);

await expect(page).toHaveScreenshot('02-maerki-eur-2024.png', {
fullPage: true,
animations: 'disabled',
mask: getDynamicValueMasks(page),
});
});

test('Maerki Baumann CHF 2024', async ({ page }) => {
await page.goto(`/accounting?year=2024&bank=${BANKS.MAERKI_CHF}&type=summary&address=${ADMIN_ADDRESS}&signature=${ADMIN_SIGNATURE}`);
await waitForAppLoaded(page);
await removeErrorOverlay(page);
await waitForBalanceSheet(page);

const balanceSheet = page.locator('[data-testid="balance-sheet"]');
await expect(balanceSheet).toBeVisible();
await expect(balanceSheet).toContainText(BANKS.MAERKI_CHF);

await expect(page).toHaveScreenshot('03-maerki-chf-2024.png', {
fullPage: true,
animations: 'disabled',
mask: getDynamicValueMasks(page),
});
});

test('Raiffeisen CHF 2024', async ({ page }) => {
await page.goto(`/accounting?year=2024&bank=${BANKS.RAIFFEISEN_CHF}&type=summary&address=${ADMIN_ADDRESS}&signature=${ADMIN_SIGNATURE}`);
await waitForAppLoaded(page);
await removeErrorOverlay(page);
await waitForBalanceSheet(page);

const balanceSheet = page.locator('[data-testid="balance-sheet"]');
await expect(balanceSheet).toBeVisible();
await expect(balanceSheet).toContainText(BANKS.RAIFFEISEN_CHF);

await expect(page).toHaveScreenshot('04-raiffeisen-chf-2024.png', {
fullPage: true,
animations: 'disabled',
mask: getDynamicValueMasks(page),
});
});

test('Yapeal CHF 2024', async ({ page }) => {
await page.goto(`/accounting?year=2024&bank=${BANKS.YAPEAL_CHF}&type=summary&address=${ADMIN_ADDRESS}&signature=${ADMIN_SIGNATURE}`);
await waitForAppLoaded(page);
await removeErrorOverlay(page);
await waitForBalanceSheet(page);

const balanceSheet = page.locator('[data-testid="balance-sheet"]');
await expect(balanceSheet).toBeVisible();
await expect(balanceSheet).toContainText(BANKS.YAPEAL_CHF);

await expect(page).toHaveScreenshot('05-yapeal-chf-2024.png', {
fullPage: true,
animations: 'disabled',
mask: getDynamicValueMasks(page),
});
});

test('Yapeal EUR 2024', async ({ page }) => {
await page.goto(`/accounting?year=2024&bank=${BANKS.YAPEAL_EUR}&type=summary&address=${ADMIN_ADDRESS}&signature=${ADMIN_SIGNATURE}`);
await waitForAppLoaded(page);
await removeErrorOverlay(page);
await waitForBalanceSheet(page);

const balanceSheet = page.locator('[data-testid="balance-sheet"]');
await expect(balanceSheet).toBeVisible();
await expect(balanceSheet).toContainText(BANKS.YAPEAL_EUR);

await expect(page).toHaveScreenshot('06-yapeal-eur-2024.png', {
fullPage: true,
animations: 'disabled',
mask: getDynamicValueMasks(page),
});
});
});

// ========== 2025 ==========
test.describe('2025 Balance Sheets', () => {
test('Olkypay EUR 2025', async ({ page }) => {
await page.goto(`/accounting?year=2025&bank=${BANKS.OLKYPAY_EUR}&type=summary&address=${ADMIN_ADDRESS}&signature=${ADMIN_SIGNATURE}`);
await waitForAppLoaded(page);
await removeErrorOverlay(page);
await waitForBalanceSheet(page);

const balanceSheet = page.locator('[data-testid="balance-sheet"]');
await expect(balanceSheet).toBeVisible();
await expect(balanceSheet).toContainText(BANKS.OLKYPAY_EUR);

await expect(page).toHaveScreenshot('07-olkypay-eur-2025.png', {
fullPage: true,
animations: 'disabled',
mask: getDynamicValueMasks(page),
});
});

test('Maerki Baumann EUR 2025', async ({ page }) => {
await page.goto(`/accounting?year=2025&bank=${BANKS.MAERKI_EUR}&type=summary&address=${ADMIN_ADDRESS}&signature=${ADMIN_SIGNATURE}`);
await waitForAppLoaded(page);
await removeErrorOverlay(page);
await waitForBalanceSheet(page);

const balanceSheet = page.locator('[data-testid="balance-sheet"]');
await expect(balanceSheet).toBeVisible();
await expect(balanceSheet).toContainText(BANKS.MAERKI_EUR);

await expect(page).toHaveScreenshot('08-maerki-eur-2025.png', {
fullPage: true,
animations: 'disabled',
mask: getDynamicValueMasks(page),
});
});

test('Maerki Baumann CHF 2025', async ({ page }) => {
await page.goto(`/accounting?year=2025&bank=${BANKS.MAERKI_CHF}&type=summary&address=${ADMIN_ADDRESS}&signature=${ADMIN_SIGNATURE}`);
await waitForAppLoaded(page);
await removeErrorOverlay(page);
await waitForBalanceSheet(page);

const balanceSheet = page.locator('[data-testid="balance-sheet"]');
await expect(balanceSheet).toBeVisible();
await expect(balanceSheet).toContainText(BANKS.MAERKI_CHF);

await expect(page).toHaveScreenshot('09-maerki-chf-2025.png', {
fullPage: true,
animations: 'disabled',
mask: getDynamicValueMasks(page),
});
});

test('Raiffeisen CHF 2025', async ({ page }) => {
await page.goto(`/accounting?year=2025&bank=${BANKS.RAIFFEISEN_CHF}&type=summary&address=${ADMIN_ADDRESS}&signature=${ADMIN_SIGNATURE}`);
await waitForAppLoaded(page);
await removeErrorOverlay(page);
await waitForBalanceSheet(page);

const balanceSheet = page.locator('[data-testid="balance-sheet"]');
await expect(balanceSheet).toBeVisible();
await expect(balanceSheet).toContainText(BANKS.RAIFFEISEN_CHF);

await expect(page).toHaveScreenshot('10-raiffeisen-chf-2025.png', {
fullPage: true,
animations: 'disabled',
mask: getDynamicValueMasks(page),
});
});

test('Yapeal CHF 2025', async ({ page }) => {
await page.goto(`/accounting?year=2025&bank=${BANKS.YAPEAL_CHF}&type=summary&address=${ADMIN_ADDRESS}&signature=${ADMIN_SIGNATURE}`);
await waitForAppLoaded(page);
await removeErrorOverlay(page);
await waitForBalanceSheet(page);

const balanceSheet = page.locator('[data-testid="balance-sheet"]');
await expect(balanceSheet).toBeVisible();
await expect(balanceSheet).toContainText(BANKS.YAPEAL_CHF);

await expect(page).toHaveScreenshot('11-yapeal-chf-2025.png', {
fullPage: true,
animations: 'disabled',
mask: getDynamicValueMasks(page),
});
});

test('Yapeal EUR 2025', async ({ page }) => {
await page.goto(`/accounting?year=2025&bank=${BANKS.YAPEAL_EUR}&type=summary&address=${ADMIN_ADDRESS}&signature=${ADMIN_SIGNATURE}`);
await waitForAppLoaded(page);
await removeErrorOverlay(page);
await waitForBalanceSheet(page);

const balanceSheet = page.locator('[data-testid="balance-sheet"]');
await expect(balanceSheet).toBeVisible();
await expect(balanceSheet).toContainText(BANKS.YAPEAL_EUR);

await expect(page).toHaveScreenshot('12-yapeal-eur-2025.png', {
fullPage: true,
animations: 'disabled',
mask: getDynamicValueMasks(page),
});
});
});
});
Loading
Loading