lzt404
cc24f8419f
- Display credentials, plans, status, request statistics, quotas, and actions - Add pagination, enable/disable switches, expandable details, and compact quota views - Preserve model cooldown details, countdowns, and reset controls - Support responsive layouts, light/dark themes, and localization - Add component and UI regression tests
50 lines
2.4 KiB
TypeScript
50 lines
2.4 KiB
TypeScript
import { describe, expect, it } from 'bun:test';
|
|
import { renderToStaticMarkup } from 'react-dom/server';
|
|
import { AuthFileHealthStatus } from '../src/components/AuthFileHealthStatus';
|
|
import { I18nProvider } from '../src/i18n';
|
|
|
|
const receivedAtMs = Date.now();
|
|
const cooldown = {
|
|
scope: 'model', model_key: 'model-a', reason: 'quota',
|
|
retry_at: '2026-01-01T10:00:32Z', remaining_seconds: 32, http_status: 429,
|
|
};
|
|
const render = (file: Record<string, unknown>, options: {
|
|
receivedAtMs?: number; resetting?: boolean; resetDisabled?: boolean; onReset?: () => void;
|
|
} = {}) => renderToStaticMarkup(<I18nProvider>
|
|
<AuthFileHealthStatus file={file} receivedAtMs={receivedAtMs} onReset={() => {}} {...options} />
|
|
</I18nProvider>);
|
|
|
|
describe('credential cooldown actions', () => {
|
|
it('makes model cooldowns and the clear action visible without opening details', () => {
|
|
const html = render({ status: 'error', cooldowns: [cooldown] });
|
|
const summary = html.slice(0, html.indexOf('</summary>'));
|
|
expect(summary).toContain('<strong>1 models cooling down</strong>');
|
|
expect(summary).toContain('Quota or rate limit');
|
|
expect(html.slice(html.indexOf('</details>'))).toContain('Clear cooldown</button>');
|
|
expect(html).toContain('HTTP 429');
|
|
});
|
|
|
|
it.each([undefined, null, [], {}, [null], [{ ...cooldown, remaining_seconds: 0 }]].map((cooldowns) => ({ cooldowns })))(
|
|
'does not expose clear for absent, empty or unknown cooldowns: %j', ({ cooldowns }) => {
|
|
expect(render({ status: 'error', cooldowns })).not.toContain('Clear cooldown</button>');
|
|
},
|
|
);
|
|
|
|
it('keeps elapsed cooldowns resettable without reporting restored availability', () => {
|
|
const html = render({ status: 'active', cooldowns: [cooldown] }, { receivedAtMs: receivedAtMs - 60_000 });
|
|
expect(html).toContain('Cooldown timer elapsed');
|
|
expect(html).toContain('Elapsed · confirmation needed');
|
|
expect(html).toContain('Clear cooldown</button>');
|
|
expect(html).not.toContain('Available');
|
|
});
|
|
|
|
it('honors unavailable and pending reset actions', () => {
|
|
const file = { status: 'error', cooldowns: [cooldown] };
|
|
expect(render(file, { onReset: undefined })).not.toContain('<button');
|
|
expect(render(file, { resetDisabled: true })).toMatch(/<button[^>]*disabled=""/);
|
|
const pending = render(file, { resetting: true });
|
|
expect(pending).toMatch(/<button[^>]*disabled=""[^>]*aria-busy="true"/);
|
|
expect(pending).toContain('Clearing…</button>');
|
|
});
|
|
});
|