feat: unify app navigation and add today attendance overview

- Replace floating pill tab dock with a full-width system-aligned navigation bar.
- Give active tabs cobalt icon chips and clean cobalt labels while keeping inactive tabs muted.
- Add compact live attendance summary above the day picker on Today.
- Add Playwright verification for the new metrics and navigation surface.
This commit is contained in:
2026-09-05 09:56:55 +05:30
parent def12005de
commit 87b07728b5
5 changed files with 175 additions and 17 deletions

View File

@@ -16,9 +16,9 @@ test.describe('College Kit E2E & Visual Verification', () => {
test('Today screen loads with date, week strip, and classes', async ({ page }) => {
await page.goto('/');
await expect(page.locator('text=Todays classes')).toBeVisible();
await expect(page.locator('text=Timetable')).toBeVisible();
await expect(page.locator('text=Attendance')).toBeVisible();
await expect(page.locator('text=Settings')).toBeVisible();
await expect(page.getByRole('button', { name: 'Timetable' })).toBeVisible();
await expect(page.getByRole('button', { name: 'Attendance' })).toBeVisible();
await expect(page.getByRole('button', { name: 'Settings' })).toBeVisible();
});
test('Navigation between all bottom tabs works smoothly', async ({ page }) => {