import { describe, expect, test } from 'bun:test';
import { readFileSync } from 'node:fs';
import { join } from 'node:path';

const appSource = readFileSync(join(import.meta.dir, '../src/App.tsx'), 'utf8');

describe('dashboard account capacity bars', () => {
  test('renders compact per-account capacity bars without verbose labels', () => {
    expect(appSource).toContain('const accountWindows = extractUsageWindows(account.usage);');
    expect(appSource).toContain('const accountCapacityBars = [');
    expect(appSource).toContain("className=\"space-y-2\"");
    expect(appSource).toContain('indicatorClassName={getUsageProgressTone(progressValue)}');
    expect(appSource).toContain("className=\"min-w-10 text-right text-xs font-medium text-slate-400\"");
    expect(appSource).not.toContain('Account capacity');
    expect(appSource).not.toContain('Primary window used');
    expect(appSource).not.toContain('Secondary window used');
  });
});