111 lines
3.4 KiB
TypeScript
111 lines
3.4 KiB
TypeScript
import { test, expect, type Page, type Route } from '@playwright/test';
|
|
|
|
function authenticate(page: Page) {
|
|
return page.addInitScript(() => {
|
|
localStorage.setItem('admin_access_token', 'mock-token');
|
|
localStorage.setItem('admin_refresh_token', 'mock-refresh');
|
|
localStorage.setItem(
|
|
'admin_auth_user',
|
|
JSON.stringify({
|
|
email: 'admin@example.com',
|
|
name: 'Admin User',
|
|
role: 'super_admin',
|
|
})
|
|
);
|
|
});
|
|
}
|
|
|
|
async function fulfillJson(route: Route, body: unknown, status = 200) {
|
|
await route.fulfill({
|
|
status,
|
|
contentType: 'application/json',
|
|
body: JSON.stringify(body),
|
|
});
|
|
}
|
|
|
|
test.describe('Admin dashboard reliability', () => {
|
|
test('shows an in-page retry path when dashboard APIs fail', async ({ page }) => {
|
|
await authenticate(page);
|
|
|
|
let recover = false;
|
|
await page.route('**/api/dashboard/stats', route =>
|
|
recover
|
|
? fulfillJson(route, {
|
|
users: { total: 42, byPlan: { pro: 20 } },
|
|
tokens: { active: 7 },
|
|
usage: { totalWords: 8400, totalDictations: 120, totalCost: 12.34 },
|
|
audit: { total: 2, failedLogins: 0 },
|
|
})
|
|
: fulfillJson(route, { error: 'stats unavailable' }, 503)
|
|
);
|
|
await page.route('**/api/usage**', route =>
|
|
recover
|
|
? fulfillJson(route, {
|
|
records: [
|
|
{
|
|
date: '2026-05-30',
|
|
tokensUsed: 8400,
|
|
dictations: 120,
|
|
costUsd: 12.34,
|
|
model: 'gpt-4o-mini',
|
|
},
|
|
],
|
|
})
|
|
: fulfillJson(route, { error: 'usage unavailable' }, 503)
|
|
);
|
|
await page.route('**/api/users**', route =>
|
|
recover
|
|
? fulfillJson(route, {
|
|
users: [
|
|
{
|
|
id: 'u1',
|
|
name: 'Admin User',
|
|
email: 'admin@example.com',
|
|
plan: 'pro',
|
|
status: 'active',
|
|
createdAt: '2026-05-01T00:00:00Z',
|
|
lastActive: '2026-05-30T00:00:00Z',
|
|
totalTokensUsed: 8400,
|
|
totalRequests: 120,
|
|
monthlySpend: 12.34,
|
|
},
|
|
],
|
|
total: 1,
|
|
byPlan: { pro: 1 },
|
|
})
|
|
: fulfillJson(route, { error: 'users unavailable' }, 503)
|
|
);
|
|
await page.route('**/api/analytics/revenue**', route =>
|
|
recover
|
|
? fulfillJson(route, {
|
|
mrr: 199,
|
|
arr: 2388,
|
|
mrrChange: 8,
|
|
totalRevenue: 2388,
|
|
revenueByMonth: [],
|
|
churnRate: 2,
|
|
churnCount: 1,
|
|
ltv: 1200,
|
|
arpu: 99,
|
|
newSubscriptions: 3,
|
|
canceledSubscriptions: 1,
|
|
})
|
|
: fulfillJson(route, { error: 'revenue unavailable' }, 503)
|
|
);
|
|
|
|
await page.goto('/');
|
|
const errorHeading = page.getByRole('heading', { name: /could not load dashboard/i });
|
|
const recoveredKpi = page.getByText('42', { exact: true }).first();
|
|
|
|
await expect(errorHeading.or(recoveredKpi)).toBeVisible();
|
|
if (await errorHeading.isVisible().catch(() => false)) {
|
|
recover = true;
|
|
await page.getByRole('button', { name: /retry/i }).click();
|
|
}
|
|
|
|
await expect(page.getByRole('heading', { name: 'Dashboard' })).toBeVisible();
|
|
await expect(recoveredKpi).toBeVisible();
|
|
await expect(page.getByRole('main').getByText('Admin User')).toBeVisible();
|
|
});
|
|
});
|