[verified] fix: separate account capacity panel

This commit is contained in:
2026-05-09 17:21:22 +09:00
parent bfa8bb69f5
commit 1a6deae48d
5 changed files with 101 additions and 50 deletions

View File

@@ -5,10 +5,12 @@ import { join } from 'node:path';
const appSource = readFileSync(join(import.meta.dir, '../src/App.tsx'), 'utf8');
describe('mobile overflow guards', () => {
test('unified capacity window cards stay in a responsive full-height two-column grid', () => {
expect(appSource).toContain('className="grid flex-1 gap-4 md:auto-rows-fr md:grid-cols-2"');
expect(appSource).toContain('className="flex h-full flex-col justify-between rounded-2xl border border-white/10 bg-white/4 p-4"');
expect(appSource).toContain('className="text-sm text-slate-400">{item.title}</div>');
test('unified capacity window cards stay inside the card without h-full overflow', () => {
expect(appSource).toContain('className="flex h-full flex-col overflow-hidden"');
expect(appSource).toContain('className="flex flex-1 flex-col gap-4"');
expect(appSource).toContain('className="grid flex-1 items-stretch gap-4 md:grid-cols-2"');
expect(appSource).toContain('className="flex min-h-0 flex-1 flex-col justify-between rounded-2xl border border-white/10 bg-white/4 p-4"');
expect(appSource).toContain('Replenishes at {formatDate(item.window.resetAt)}');
});
test('connected account tabs no longer render a side-by-side payload column', () => {