lzt404
7c3008dd81
- Remove redundant reset count and applicability labels - Display each Codex and Claude reset expiry directly - Improve reset expiry layout with clearer spacing and separators - Update quota panel and quota page tests
61 lines
3.3 KiB
TypeScript
61 lines
3.3 KiB
TypeScript
import { expect, it } from 'bun:test';
|
|
import { renderToStaticMarkup } from 'react-dom/server';
|
|
import { AuthFileQuotaPanel } from '../src/components/AuthFileQuotaPanel';
|
|
import { I18nProvider } from '../src/i18n';
|
|
import type { AuthFile, QuotaState } from '../src/services/quotaService';
|
|
|
|
const renderDense = (quota: QuotaState, file: AuthFile = { name: 'test.json', provider: 'codex' }, busy = false) =>
|
|
renderToStaticMarkup(<I18nProvider><AuthFileQuotaPanel file={file} quota={quota}
|
|
compact dense disabled={busy || file.disabled === true} onRefresh={() => {}} onReset={() => {}} /></I18nProvider>);
|
|
|
|
it('keeps window percentages, reset times and additional windows available in dense mode', () => {
|
|
const html = renderDense({ status: 'success', rows: [
|
|
{ label: '5h', remainingPercent: 140, reset: '10:30', detail: 'Window detail' },
|
|
{ label: 'weekly', remainingPercent: null, reset: 'Friday' },
|
|
{ label: 'extra', remainingPercent: 0, reset: 'Monday' },
|
|
] });
|
|
expect(html).toContain('credential-quota-dense');
|
|
expect(html).toContain('aria-valuenow="100"');
|
|
expect(html).not.toContain('140%');
|
|
expect(html).toContain('credential-quota-row unknown');
|
|
expect(html).toContain('title="10:30">10:30</small>');
|
|
expect(html).toContain('Window detail');
|
|
expect(html).toContain('<details class="credential-quota-more">');
|
|
expect(html).toContain('extra');
|
|
});
|
|
|
|
it('shows reset credits beside the button while preserving applicability and expiry', () => {
|
|
const html = renderDense({ status: 'success', rows: [{ label: '5h', remainingPercent: 0 }],
|
|
resetCredits: 2, resetCreditsApplicable: 0, subscriptionActiveUntil: '2030-01-01T00:00:00Z',
|
|
});
|
|
const resetButton = html.match(/<button[^>]*credential-quota-reset[^>]*>[\s\S]*?<\/button>/)?.[0];
|
|
expect(resetButton).toContain('Reset');
|
|
expect(html).not.toContain('Manual resets');
|
|
expect(resetButton).not.toContain('disabled=""');
|
|
expect(html).not.toContain('Currently applicable: 0');
|
|
expect(html).toContain('Subscription expires');
|
|
});
|
|
|
|
it('does not confuse a busy list with a disabled credential or discard cached quota', () => {
|
|
const idle = renderDense({ status: 'idle', rows: [] }, undefined, true);
|
|
expect(idle).toContain('Quota has not been fetched');
|
|
expect(idle).not.toContain('Disabled');
|
|
const disabled = renderDense({ status: 'idle', rows: [] }, { name: 'test.json', disabled: true });
|
|
expect(disabled).toContain('Disabled');
|
|
const cached = renderDense({ status: 'success', rows: [{ label: '5h', remainingPercent: 75 }] },
|
|
{ name: 'test.json', disabled: true }, true);
|
|
expect(cached).toContain('aria-valuenow="75"');
|
|
});
|
|
|
|
it('keeps raw failures accessible without manufacturing progress in dense error and loading states', () => {
|
|
const failed = renderDense({ status: 'error', rows: [], error: 'upstream diagnostic details' });
|
|
expect(failed).toContain('<details class="credential-quota-error-details">');
|
|
expect(failed).toContain('title="upstream diagnostic details"');
|
|
expect(failed).toContain('<small>upstream diagnostic details</small>');
|
|
expect(failed).not.toContain('role="progressbar"');
|
|
const pending = renderDense({ status: 'loading', rows: [], pendingAction: 'reset' });
|
|
expect(pending).toContain('aria-busy="true"');
|
|
expect(pending).toContain('indeterminate');
|
|
expect(pending).not.toContain('aria-valuenow');
|
|
});
|