import { expect, test } from '../../fixtures/multi-client';
import { expectDashboardReady } from '../../helpers/dashboard';
import { MOBILE_VIEWPORT, openSettingsModal } from '../../helpers/settings-modal';
import { RegisterPage } from '../../pages/register.page';

test.describe('Mobile settings logout', () => {
  test('exposes logout in the settings menu on mobile viewports', async ({ createClient }) => {
    const { page } = await createClient();
    const suffix = `mobile_logout_${Date.now()}`;

    await page.setViewportSize(MOBILE_VIEWPORT);

    const register = new RegisterPage(page);

    await register.goto();
    await register.register(`user_${suffix}`, 'Mobile Logout User', 'TestPass123!');
    await expectDashboardReady(page);

    await openSettingsModal(page);
    await page.getByTestId('settings-logout-button').click();

    await expect(page).toHaveURL(/\/login/, { timeout: 15_000 });
    await expect(page.locator('#login-username')).toBeVisible({ timeout: 10_000 });
  });
});