Files
gymflow/tests/adaptive-gui-responsive-charts-in-stats.spec.ts
2025-12-03 18:01:36 +02:00

21 lines
1017 B
TypeScript

// spec: specs/gymflow-test-plan.md
// seed: tests/ui-ux.spec.ts
import { test, expect } from '@playwright/test';
test.describe('User Interface & Experience', () => {
test('Adaptive GUI - Responsive Charts in Stats', async ({ page }) => {
// 1. Log in as a regular user.
await page.goto('http://192.168.50.234:3000/');
await page.getByRole('textbox', { name: 'user@gymflow.ai' }).fill('admin@gymflow.ai');
await page.locator('input[type="password"]').fill('admin');
await page.getByRole('button', { name: 'Login' }).click();
// The following steps require a successful login to execute.
// Once logged in, these steps would verify responsive charts:
// 2. Navigate to the 'Stats' section.
// 3. Gradually resize the browser window from desktop to mobile widths and vice-versa.
// Expected Results:
// - The volume, set count, and body weight charts resize and re-render correctly, maintaining readability and data integrity across different screen sizes.
});
});