import { test, expect } from "./fixtures"
import { modKey } from "./utils"

test("smoke file viewer renders real file content", async ({ page, gotoSession }) => {
  await gotoSession()

  await page.keyboard.press(`${modKey}+P`)

  const dialog = page.getByRole("dialog")
  await expect(dialog).toBeVisible()

  const input = dialog.getByRole("textbox").first()
  await input.fill("packages/app/package.json")

  const fileItem = dialog.locator('[data-slot="list-item"][data-key="file:packages/app/package.json"]')
  await expect(fileItem).toBeVisible()
  await fileItem.click()

  await expect(dialog).toHaveCount(0)

  const tab = page.getByRole("tab", { name: "package.json" })
  await expect(tab).toBeVisible()
  await tab.click()

  const code = page.locator('[data-component="code"]').first()
  await expect(code).toBeVisible()
  await expect(code.getByText("@opencode-ai/app")).toBeVisible()
})