import { test } from 'magnitude-test';

const TEST_HANDLE = process.env.TEST_BLUESKY_HANDLE;
const TEST_PASSWORD = process.env.TEST_BLUESKY_PASSWORD;

if (!TEST_HANDLE || !TEST_PASSWORD) {
  throw new Error('TEST_BLUESKY_HANDLE and TEST_BLUESKY_PASSWORD must be set in .env');
}

test('Login page renders correctly', async (agent) => {
  await agent.act('Navigate to /login');
  await agent.check('The text "Log in to Ponderants" is visible on the screen');
  await agent.check('A text input field labeled "Your Handle" is visible');
  await agent.check('A button labeled "Log in with Bluesky" is visible');
});

test('[Unhappy Path] Login page shows error message from query param', async (agent) => {
  await agent.act('Navigate to /login?error=Invalid%20handle%20or%20PDS');
  await agent.check('The text "Login Failed: Invalid handle or PDS" is visible on the screen');
});

test('[Happy Path] User initiates OAuth flow', async (agent) => {
  await agent.act('Navigate to /login');
  await agent.act(`Type "${TEST_HANDLE}" into the "Your Handle" input field`);
  await agent.act('Click the "Log in with Bluesky" button');

  // The page should redirect to our API route which then redirects to Bluesky OAuth.
  // With the localhost development mode, Bluesky will accept the OAuth request.
  // We verify that we've been redirected to Bluesky's OAuth server.
  await agent.check('The page URL contains "bsky.social"');

  // Note: Using http://localhost/ as client_id (per ATproto OAuth spec) allows local development.
  // See: https://atproto.com/specs/oauth#localhost-client-development
});

test('[Happy Path] User completes full login flow and sees their handle', async (agent) => {
  await agent.act('Navigate to /login');
  await agent.act(`Type "${TEST_HANDLE}" into the "Your Handle" input field`);
  await agent.act('Click the "Log in with Bluesky" button');

  // Wait to be redirected to Bluesky OAuth page
  await agent.check('The page URL contains "bsky.social"');

  // Log in to Bluesky (this will depend on the actual OAuth flow)
  // The agent should handle the login form on Bluesky's side
  await agent.act(`Type "${TEST_HANDLE}" into the username/identifier field`);
  await agent.act(`Type "${TEST_PASSWORD}" into the password field`);
  await agent.act('Click the submit/authorize button');

  // After successful OAuth, we should be redirected back to /chat
  // and see our Bluesky handle displayed on the page
  await agent.check(`The text "${TEST_HANDLE}" is visible on the screen`);
  await agent.check('The page URL contains "/chat"');
});