/**
 * E2E Tests for Password Change Page
 * Tests password change functionality
 */

import { test, expect } from '@playwright/test';
import { setupAuthenticatedMocks, loginViaUI } from './helpers/auth';

test.describe('Password Change', () => {
  test.beforeEach(async ({ page }) => {
    // Set up API mocks
    await setupAuthenticatedMocks(page);

    // Login via UI to establish authenticated session
    await loginViaUI(page);

    // Navigate to password page
    await page.goto('/settings/password');

    // Wait for page to render
    await page.waitForTimeout(1000);
  });

  test('should display password change form', async ({ page }) => {
    // Check page title
    await expect(page.locator('h2')).toContainText('Password');

    // Wait for form to be visible
    const currentPasswordInput = page.getByLabel(/current password/i);
    await currentPasswordInput.waitFor({ state: 'visible', timeout: 10000 });

    // Verify all password fields are present
    await expect(currentPasswordInput).toBeVisible();
    await expect(page.getByLabel(/^new password/i)).toBeVisible();
    await expect(page.getByLabel(/confirm.*password/i)).toBeVisible();

    // Verify submit button is present
    await expect(page.getByRole('button', { name: /change password/i })).toBeVisible();
  });

  test('should have all password fields as password type', async ({ page }) => {
    // Wait for form to load
    const currentPasswordInput = page.getByLabel(/current password/i);
    await currentPasswordInput.waitFor({ state: 'visible', timeout: 10000 });

    // Verify all password fields have type="password"
    await expect(currentPasswordInput).toHaveAttribute('type', 'password');
    await expect(page.getByLabel(/^new password/i)).toHaveAttribute('type', 'password');
    await expect(page.getByLabel(/confirm.*password/i)).toHaveAttribute('type', 'password');
  });

  test('should have submit button disabled initially', async ({ page }) => {
    // Wait for form to load
    const submitButton = page.getByRole('button', { name: /change password/i });
    await submitButton.waitFor({ state: 'visible', timeout: 10000 });

    // Verify button is disabled when form is empty/untouched
    await expect(submitButton).toBeDisabled();
  });
});