prompt-optimizer/tests/e2e/helpers/optimize.ts

import { expect, type Page } from '@playwright/test'
import { throwIfCurrentTestHasVCRFailure, waitForConditionOrVCRFailure } from './vcr'

export type OptimizeWorkspaceMode =
  | 'basic-system'
  | 'basic-user'
  | 'image-text2image'
  | 'image-image2image'
  | 'image-multiimage'
  | 'pro-variable'
  | 'pro-multi'

export function getWorkspace(page: Page, mode: OptimizeWorkspaceMode) {
  return page.locator(`[data-testid="workspace"][data-mode="${mode}"]`)
}

export async function fillOriginalPrompt(page: Page, mode: OptimizeWorkspaceMode, value: string) {
  const workspace = getWorkspace(page, mode)

  const input = workspace.locator(`[data-testid="${mode}-input"]`)
  await expect(input).toBeVisible({ timeout: 15000 })

  const cmContent = input.locator('.cm-content')
  if ((await cmContent.count()) > 0) {
    await cmContent.click()
    await page.keyboard.press(process.platform === 'darwin' ? 'Meta+A' : 'Control+A')
    await page.keyboard.type(value)
  } else {
    const textarea = input.locator('textarea')
    await textarea.fill(value)
  }

  const optimizeButton = workspace.locator(`[data-testid="${mode}-optimize-button"]`)
  await expect(optimizeButton).toBeEnabled({ timeout: 15000 })
}

export async function clickOptimizeButton(page: Page, mode: OptimizeWorkspaceMode) {
  const workspace = getWorkspace(page, mode)

  const button = workspace.locator(`[data-testid="${mode}-optimize-button"]`)
  await expect(button).toBeVisible({ timeout: 15000 })
  await expect(button).toBeEnabled({ timeout: 15000 })

  await button.click()
}

async function ensureOutputSourceView(output: import('@playwright/test').Locator) {
  // OutputDisplay 头部有 Render / Source / Compare 三个 tab（Naive UI 的 n-button）。
  // 并发/渲染抖动时直接读 output.innerText 会把 tab 文案也读进来，导致误判。
  // 这里用 i18n 文案会受语言影响，改用“中间那个按钮”（Render/Source/Compare）更稳定。
  const leftGroupButtons = output.locator('.n-button-group').first().locator('.n-button')
  if ((await leftGroupButtons.count()) >= 2) {
    const source = leftGroupButtons.nth(1)
    // 如果已经处于 Source（disabled），直接返回
    if (!(await source.isDisabled().catch(() => false))) {
      await source.click({ timeout: 20000 })
    }
  }
}

async function readOutputSourceText(output: import('@playwright/test').Locator) {
  // Avoid Playwright strict-mode flakiness when the same testId is transiently duplicated in the DOM.
  // Always read from the first matched node.
  const root = output.first()
  if ((await root.count()) === 0) return { kind: 'missing', text: '' }

  // Source 视图下优先读取编辑器/textarea 的“值”，避免拿到整张卡片的 innerText
  try {
    const cmContent = root.locator('.cm-content')
    if ((await cmContent.count()) > 0) {
      const lines = cmContent.first().locator('.cm-line')
      if ((await lines.count()) > 0) {
        const lineTexts = await lines.allInnerTexts()
        const text = lineTexts.join('\n').trim()
        if (text) {
          return { kind: 'cm', text }
        }
      }

      return { kind: 'cm', text: (await cmContent.first().innerText()).trim() }
    }
  } catch {
    // ignore and fallback
  }

  try {
    const textarea = root.locator('textarea')
    if ((await textarea.count()) > 0) {
      return { kind: 'textarea', text: (await textarea.first().inputValue()).trim() }
    }
  } catch {
    // ignore and fallback
  }

  // Render 视图：MarkdownRenderer 会渲染到 .markdown-content 容器中
  try {
    const markdown = root.locator('.markdown-content')
    if ((await markdown.count()) > 0) {
      return { kind: 'markdown', text: (await markdown.first().innerText()).trim() }
    }
  } catch {
    // ignore and fallback
  }

  try {
    return { kind: 'text', text: (await root.innerText()).trim() }
  } catch {
    return { kind: 'missing', text: '' }
  }
}

export async function readOutputByTestIdText(page: Page, testId: string): Promise<string> {
  const output = page.locator(`[data-testid="${testId}"]:visible`)
  await ensureOutputSourceView(output)
  const { text } = await readOutputSourceText(output)
  return text
}

export async function expectOutputByTestIdNotEmpty(page: Page, testId: string, opts?: { timeoutMs?: number }) {
  const output = page.locator(`[data-testid="${testId}"]:visible`)
  const timeoutMs = opts?.timeoutMs ?? 120000

  throwIfCurrentTestHasVCRFailure()
  await ensureOutputSourceView(output)

  await waitForConditionOrVCRFailure(
    async () => {
      const { text } = await readOutputSourceText(output).catch(() => ({ text: '' }))
      return /\S/.test(text)
    },
    {
      timeoutMs,
      intervalMs: 120,
      description: `output ${testId} should become non-empty`,
    }
  )
}

export async function expectOptimizedResultNotEmpty(page: Page, mode: OptimizeWorkspaceMode) {
  const workspace = getWorkspace(page, mode)

  const output = workspace.locator(`[data-testid="${mode}-output"]:visible`)
  const optimizeButton = workspace.locator(`[data-testid="${mode}-optimize-button"]`)
  const timeoutMs = 180000

  try {
    throwIfCurrentTestHasVCRFailure()
    await ensureOutputSourceView(output)

    await waitForConditionOrVCRFailure(
      async () => {
        const { text } = await readOutputSourceText(output).catch(() => ({ text: '' }))
        return /\S/.test(text)
      },
      {
        timeoutMs,
        intervalMs: 120,
        description: `${mode} optimized output should become non-empty`,
      }
    )

    // 文本开始流出并不代表优化已完成；尤其是 pro-multi 左侧分析会在流式收尾阶段重建按钮节点。
    // 这里补一层“优化按钮重新可用”的等待，确保后续点击分析/测试时已经脱离 streaming 状态。
    if ((await optimizeButton.count()) > 0) {
      await expect(optimizeButton).toBeEnabled({ timeout: timeoutMs })
    }
  } catch (e) {
    const buttonInfo = await (async () => {
      try {
        const visible = await optimizeButton.isVisible()
        const enabled = await optimizeButton.isEnabled()
        const text = (await optimizeButton.innerText().catch(() => '')).trim()
        return { visible, enabled, text }
      } catch {
        return { visible: false, enabled: false, text: '' }
      }
    })()

    const outputInfo = await (async () => {
      try {
        const out = await readOutputSourceText(output)
        const readonly =
          out.kind === 'textarea' ? await output.locator('textarea').first().isDisabled().catch(() => false) : false
        return { ...out, readonly }
      } catch {
        return { kind: 'unknown', text: '', readonly: false }
      }
    })()

    const alertText = await page.locator('.n-alert').allInnerTexts().catch(() => [])
    const messageText = await page.locator('.n-message').allInnerTexts().catch(() => [])

    const debugPayload = {
      mode,
      button: buttonInfo,
      output: outputInfo,
      alerts: alertText.filter(Boolean).slice(0, 5),
      messages: messageText.filter(Boolean).slice(0, 5),
    }

    // eslint-disable-next-line no-console
    console.error('[E2E][optimize] output wait failure diagnostic:', JSON.stringify(debugPayload, null, 2))
    throw e
  }
}

export async function verifyOptimizeButtonDisabledWhenEmpty(page: Page, mode: OptimizeWorkspaceMode) {
  throwIfCurrentTestHasVCRFailure()
  const workspace = getWorkspace(page, mode)
  const button = workspace.locator(`[data-testid="${mode}-optimize-button"]`)

  await expect(button).toBeVisible({ timeout: 15000 })
  await expect(button).toBeDisabled()
}

export async function addProMultiUserMessage(page: Page, content: string) {
  const firstAddButton = page.getByTestId('pro-multi-add-first-message').first()
  if (await firstAddButton.isVisible().catch(() => false)) {
    await firstAddButton.click()
  } else {
    const addButton = page.getByTestId('pro-multi-add-message').first()
    await expect(addButton).toBeVisible({ timeout: 20000 })
    await addButton.click()
  }

  // 新增消息后，列表最后一项应该出现
  // 我们给 message card 加了 data-testid=pro-multi-message-card-{index}
  // 这里用“最后一个 message card”的内容输入框填写。
  const messageCards = page.locator('[data-testid^="pro-multi-message-card-"]')
  await expect(messageCards.first()).toBeVisible({ timeout: 20000 })

  const lastCard = messageCards.last()
  // VariableAwareInput 内部是 textarea 或 CodeMirror
  const cm = lastCard.locator('.cm-content')
  if ((await cm.count()) > 0) {
    await cm.click()
    await page.keyboard.press(process.platform === 'darwin' ? 'Meta+A' : 'Control+A')
    await page.keyboard.type(content)
  } else {
    const textarea = lastCard.locator('textarea')
    await textarea.fill(content)
  }
}

export async function selectProMultiMessageForOptimization(page: Page, index: number) {
  // Pro Multi 现在自动选中最新消息；保留此 helper 以兼容旧测试。
  // 若选择按钮存在则点击，不存在则视为已自动选中。
  const selectButton = page.getByTestId(`pro-multi-select-message-${index}`)
  if ((await selectButton.count()) > 0) {
    await expect(selectButton).toBeVisible({ timeout: 20000 })
    await selectButton.click()
  }
}

export async function clickProMultiOptimizeButton(page: Page) {
  const button = page.getByTestId('pro-multi-optimize-button')
  await expect(button).toBeVisible({ timeout: 20000 })
  await expect(button).toBeEnabled({ timeout: 20000 })
  await button.click()
}