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

test.describe.configure({ mode: 'serial' })
let validCertificate: { verificationCode: string; number: string } | undefined

test('designer can open final export and certificate workspaces', async ({ page }) => {
  await page.goto('http://127.0.0.1:5173/login')
  await page.getByLabel(/ایمیل|Email/).fill('designer@microlearn.test')
  await page.getByLabel(/رمز عبور|Password/).fill('password')
  await page.getByRole('button', { name: /ورود|Sign in/ }).click()
  await expect(page).toHaveURL(/\/app\/dashboard$/)

  await page.goto('http://127.0.0.1:5173/app/exports')
  await expect(page.getByRole('heading', { name: 'مرکز خروجی' })).toBeVisible()
  await expect(page.getByText('تاریخچه خروجی‌ها')).toBeVisible()

  await page.goto('http://127.0.0.1:5173/app/certificates')
  await expect(page.getByRole('heading', { name: 'گواهی‌نامه‌ها' })).toBeVisible()
  await page.getByRole('button', { name: /قالب‌ها/ }).click()
  await expect(page.getByRole('heading', { name: 'قالب جدید' })).toBeVisible()
  validCertificate = await page.evaluate(async () => {
    const token = window.localStorage.getItem('microlearn.access_token')
    const response = await fetch('/api/v1/certificates', { headers: { Accept: 'application/json', Authorization: `Bearer ${token}` } })
    const body = await response.json()
    return body.data.items.find((item: { revokedAt?: string }) => !item.revokedAt)
  })
})

test('final workspaces remain usable at iPhone width', async ({ page }) => {
  await page.setViewportSize({ width: 375, height: 812 })
  await page.goto('http://127.0.0.1:5173/login')
  await page.getByLabel(/ایمیل|Email/).fill('designer@microlearn.test')
  await page.getByLabel(/رمز عبور|Password/).fill('password')
  await page.getByRole('button', { name: /ورود|Sign in/ }).click()
  await expect(page).toHaveURL(/\/app\/dashboard$/)
  await page.goto('http://127.0.0.1:5173/app/exports')
  await expect(page.getByRole('heading', { name: 'مرکز خروجی' })).toBeVisible()
  expect(await page.evaluate(() => document.documentElement.scrollWidth <= document.documentElement.clientWidth)).toBe(true)
})

test('public certificate verification exposes a valid safe result', async ({ page }) => {
  expect(validCertificate).toBeTruthy()
  await page.goto(`http://127.0.0.1:5173/certificate/verify/${validCertificate!.verificationCode}`)
  await expect(page.getByRole('heading', { name: 'گواهی معتبر است' })).toBeVisible()
  await expect(page.getByText(validCertificate!.number)).toBeVisible()
})