// @ts-check
const { test, expect } = require('@playwright/test');

const fixtures = JSON.parse(process.env.E2E_FIXTURES || '{}');

/** Log in as the admin user and land on /manage/credentials. */
async function loginAsAdmin(page) {
  await page.goto('/login');
  await page.fill('#username', fixtures.admin_username);
  await page.fill('#password', fixtures.admin_password);
  await page.click('form[hx-post="/login/password"] button[type="submit"]');
  await page.waitForURL('**/manage/credentials', { timeout: 5000 });
}

/** Log in as a regular (non-admin) user. */
async function loginAsRegularUser(page) {
  await page.goto('/login');
  await page.fill('#username', fixtures.login_username);
  await page.fill('#password', fixtures.login_password);
  await page.click('form[hx-post="/login/password"] button[type="submit"]');
  await page.waitForURL('**/manage/credentials', { timeout: 5000 });
}

test.describe('Logout', () => {
  test.describe('Manage navigation bar', () => {
    test('clicking logout redirects to login page', async ({ page }) => {
      await loginAsRegularUser(page);
      await page.goto('/manage/credentials');

      // Click the logout button in the manage nav bar
      await page.click('.manage-nav .nav-logout');
      await page.waitForURL('**/login', { timeout: 5000 });
      expect(page.url()).toContain('/login');
    });

    test('session is cleared after logout', async ({ page }) => {
      await loginAsRegularUser(page);
      await page.goto('/manage/credentials');

      // Log out
      await page.click('.manage-nav .nav-logout');
      await page.waitForURL('**/login', { timeout: 5000 });

      // Attempting to visit a protected page should redirect back to login
      await page.goto('/manage/credentials');
      await page.waitForURL('**/login', { timeout: 5000 });
      expect(page.url()).toContain('/login');
    });
  });

  test.describe('Admin navigation bar', () => {
    test('clicking logout redirects to login page', async ({ page }) => {
      await loginAsAdmin(page);
      await page.goto('/admin/users');

      // Click the logout button in the admin nav bar
      await page.click('.admin-nav .nav-logout');
      await page.waitForURL('**/login', { timeout: 5000 });
      expect(page.url()).toContain('/login');
    });

    test('session is cleared after logout', async ({ page }) => {
      await loginAsAdmin(page);
      await page.goto('/admin/users');

      // Log out
      await page.click('.admin-nav .nav-logout');
      await page.waitForURL('**/login', { timeout: 5000 });

      // Attempting to visit admin pages should redirect back to login
      await page.goto('/admin/users');
      await page.waitForURL('**/login', { timeout: 5000 });
      expect(page.url()).toContain('/login');
    });
  });

  test.describe('Re-authentication after logout', () => {
    test('can log in again after logging out', async ({ page }) => {
      // Log in
      await loginAsRegularUser(page);
      expect(page.url()).toContain('/manage/credentials');

      // Log out via the manage nav
      await page.click('.manage-nav .nav-logout');
      await page.waitForURL('**/login', { timeout: 5000 });

      // Log in again with the same credentials
      await page.fill('#username', fixtures.login_username);
      await page.fill('#password', fixtures.login_password);
      await page.click('form[hx-post="/login/password"] button[type="submit"]');
      await page.waitForURL('**/manage/credentials', { timeout: 5000 });
      expect(page.url()).toContain('/manage/credentials');
    });
  });
});