// spec: specs/gymflow-test-plan.md
// seed: tests/user-system-management.spec.ts

import { test, expect } from '@playwright/test';

test.describe('V. User & System Management', () => {
  test('A. User Profile - Language Preference Change', 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('admin1234');
    await page.getByRole('button', { name: 'Login' }).click();

    // 2. Navigate to the 'Profile' section.
    await page.getByRole('button', { name: 'Profile' }).click();

    // 3. Select a different language (e.g., 'Русский') from the language dropdown.
    await page.getByRole('combobox').nth(1).selectOption(['Русский']);

    // Expected Results:
    //   - The UI language immediately switches to the selected language.
    await expect(page.getByRole('heading', { name: 'Профиль' })).toBeVisible();

    // 4. Click 'Save Profile'.
    await page.getByRole('button', { name: 'Сохранить профиль' }).click();

    // Expected Results:
    //   - The preference persists across sessions.
    // Log out and log back in to verify persistence.
    await page.getByRole('button', { name: 'Выйти' }).click();
    await page.getByRole('textbox', { name: 'user@gymflow.ai' }).fill('admin@gymflow.ai');
    await page.locator('input[type="password"]').fill('admin1234');
    await page.getByRole('button', { name: 'Войти' }).click();
    await page.getByRole('button', { name: 'Профиль' }).click();
    await expect(page.getByRole('heading', { name: 'Профиль' })).toBeVisible();
    await expect(page.getByRole('combobox').nth(1)).toHaveValue('Русский');

    // Change language back to English for subsequent tests.
    await page.getByRole('combobox').nth(1).selectOption(['English']);
    await page.getByRole('button', { name: 'Save Profile' }).click();
    await expect(page.getByText('Profile saved successfully')).toBeVisible();
  });
});