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

test.describe('bot registration flow', () => {
  test('navigate to join page and see login step', async ({ page }) => {
    await page.goto('/join')
    // Should show login options
    await expect(page.getByText(/sign in/i).first()).toBeVisible({ timeout: 10_000 })
  })

  test('generate new identity shows choose-mode step', async ({ page }) => {
    await page.goto('/join')
    // Click "Generate New Identity" button
    const genButton = page.getByText(/generate new identity/i)
    await genButton.click()

    // Should advance to choose-mode step
    await expect(page.getByText(/I BUILD BOTS/i)).toBeVisible({ timeout: 5_000 })
    await expect(page.getByText(/I FIGHT MYSELF/i)).toBeVisible()
  })

  test('select bot mode shows archetype picker', async ({ page }) => {
    await page.goto('/join')

    // Generate identity
    await page.getByText(/generate new identity/i).click()
    await expect(page.getByText(/I BUILD BOTS/i)).toBeVisible({ timeout: 5_000 })

    // Choose bot mode
    await page.getByText(/I BUILD BOTS/i).click()

    // Should show character/archetype picker
    await expect(page.getByText(/pick.*character/i).first()).toBeVisible({ timeout: 5_000 })
  })
})