Phase B (Insights & Alerts) PR4-11 in one drop. Builds on the schema +
service skeletons committed in PRs 1-3.
PR4 Analytics dashboard — 4 chart types (funnel/timeline/breakdown/source),
date-range picker (today/7d/30d/90d), CSV+PNG export per card.
PR5 Alert rail UI + /alerts page — topbar bell w/ live count, dashboard
right-rail, three-tab page (active/dismissed/resolved), socket-driven
invalidation. Bell lazy-loads list on popover open to keep cold pages
fast in non-dashboard routes.
PR6 EOI queue tab on documents hub — filters to in-flight EOIs, count
surfaces in tab label.
PR7 Interests-by-berth tab on berth detail — replaces the stub.
PR8 Expense duplicate detection — BullMQ job runs scan on create, yellow
banner on detail w/ Merge / Not-a-duplicate, transactional merge
consolidates receipts and archives the source.
PR9 Receipt scanner PWA + multi-provider AI — port-scoped /scan route in
its own (scanner) group with no dashboard chrome, dynamic per-port
manifest, OpenAI + Claude provider abstraction, admin OCR settings
page (port-level + super-admin global default w/ opt-in fallback),
test-connection endpoint, manual-entry fallback when no key is
configured. Verify form always shown before save — no ghost rows.
PR10 Audit log read view — swap to tsvector full-text search on the
existing GIN index, cursor pagination, filters for entity/action/user
/date range, batched actor-email resolution.
PR11 Real-API tests — opt-in receipt-ocr.spec (admin save+test, optional
real-receipt parse via REALAPI_RECEIPT_FIXTURE) and alert-engine
socket-fanout spec gated behind RUN_ALERT_ENGINE_REALAPI. Both skip
cleanly without their gate envs so CI stays green.
Test totals: vitest 690 -> 713, smoke 130 -> 138, realapi +2 opt-in.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
49 lines
2.0 KiB
TypeScript
49 lines
2.0 KiB
TypeScript
import { test, expect } from '@playwright/test';
|
|
import { login, navigateTo, PORT_SLUG } from './helpers';
|
|
|
|
test.describe('Alerts (Phase B)', () => {
|
|
test.beforeEach(async ({ page }) => {
|
|
await login(page, 'super_admin');
|
|
});
|
|
|
|
test('alert bell renders in topbar with no badge when no alerts', async ({ page }) => {
|
|
await navigateTo(page, '/');
|
|
const bell = page.getByTestId('alert-bell');
|
|
await expect(bell).toBeVisible({ timeout: 15_000 });
|
|
});
|
|
|
|
test('alert bell popover opens', async ({ page }) => {
|
|
await navigateTo(page, '/');
|
|
const bell = page.getByTestId('alert-bell');
|
|
await expect(bell).toBeVisible({ timeout: 15_000 });
|
|
await bell.click();
|
|
|
|
// Popover header is the unambiguous proof that the popover rendered.
|
|
await expect(page.getByText('Active alerts').first()).toBeVisible({ timeout: 8_000 });
|
|
});
|
|
|
|
test('dashboard renders the alert rail', async ({ page }) => {
|
|
await navigateTo(page, '/');
|
|
await expect(page.getByText('Pipeline Funnel').first()).toBeVisible({ timeout: 15_000 });
|
|
await expect(page.getByTestId('alert-rail')).toBeVisible({ timeout: 5_000 });
|
|
});
|
|
|
|
test('/alerts page loads with three tabs', async ({ page }) => {
|
|
await navigateTo(page, '/alerts');
|
|
expect(page.url()).toContain(`/${PORT_SLUG}/alerts`);
|
|
await expect(page.getByTestId('tab-open')).toBeVisible({ timeout: 10_000 });
|
|
await expect(page.getByTestId('tab-dismissed')).toBeVisible();
|
|
await expect(page.getByTestId('tab-resolved')).toBeVisible();
|
|
|
|
await page.getByTestId('tab-resolved').click();
|
|
// No assertion on contents; just smoke that the tab swap doesn't error.
|
|
await expect(page.getByTestId('tab-resolved')).toHaveAttribute('data-state', 'active');
|
|
});
|
|
|
|
test('sidebar Alerts link navigates to /alerts', async ({ page }) => {
|
|
await navigateTo(page, '/');
|
|
await page.getByRole('link', { name: 'Alerts', exact: true }).click();
|
|
await expect(page).toHaveURL(new RegExp(`/${PORT_SLUG}/alerts`), { timeout: 10_000 });
|
|
});
|
|
});
|