test(app): file viewer smoke test

1 files changed, 28 insertions, 0 deletions

diff --git a/packages/app/e2e/file-viewer.spec.ts b/packages/app/e2e/file-viewer.spec.ts
new file mode 100644
index 000000000..a9fee3c5d
--- /dev/null
+++ b/packages/app/e2e/file-viewer.spec.ts
@@ -0,0 +1,28 @@
+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()
+})