22 lines
1.1 KiB
TypeScript
22 lines
1.1 KiB
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 - Fluid Layout Responsiveness', 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 fluid layout responsiveness:
|
|
// 2. Navigate through various sections (e.g., Plans, Profile, History).
|
|
// 3. Gradually resize the browser window from desktop to mobile widths and vice-versa.
|
|
// Expected Results:
|
|
// - Content layouts adapt smoothly to different screen sizes without horizontal scrolling or overlapping elements.
|
|
// - All interactive elements remain accessible and usable.
|
|
});
|
|
}); |