Aditya Gupta
87b07728b5
- 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.
24 lines
710 B
JavaScript
24 lines
710 B
JavaScript
import { chromium } from 'playwright';
|
|
|
|
async function capture() {
|
|
const browser = await chromium.launch({ headless: true });
|
|
const context = await browser.newContext({
|
|
viewport: { width: 390, height: 844 },
|
|
deviceScaleFactor: 2,
|
|
isMobile: true,
|
|
});
|
|
const page = await context.newPage();
|
|
|
|
await page.goto('http://127.0.0.1:3000/');
|
|
await page.waitForTimeout(2000);
|
|
await page.screenshot({ path: './screenshots/16-today-metrics-and-nav.png' });
|
|
|
|
await page.getByRole('button', { name: 'Attendance' }).click();
|
|
await page.waitForTimeout(500);
|
|
await page.screenshot({ path: './screenshots/17-attendance-new-nav.png' });
|
|
|
|
await browser.close();
|
|
}
|
|
|
|
capture().catch(console.error);
|