test(tui): cover home hint placement alignment (#55)

packages/tui/src/feature-plugins/system/which-key.tsx

@@ -168,7 +168,7 @@ function layout(value: unknown): Layout {
   return "dock"
 }
 
-function HomeHint(props: { api: TuiPluginApi; placement?: "center" | "start" }) {
+export function HomeHint(props: { api: TuiPluginApi; placement?: "center" | "start" }) {
   const trigger = commandShortcut(props.api, command.toggle)
   const look = createMemo(() => skin(props.api))
 

packages/tui/test/feature-plugins/which-key-home-hint.test.tsx

@@ -0,0 +1,48 @@
+/** @jsxImportSource @opentui/solid */
+import { expect, test } from "bun:test"
+import { testRender, useRenderer } from "@opentui/solid"
+import { createDefaultOpenTuiKeymap } from "@opentui/keymap/opentui"
+import { RGBA } from "@opentui/core"
+import type { JSX } from "solid-js"
+import type { TuiPluginApi } from "@opencode-ai/plugin/tui"
+import { OpencodeKeymapProvider } from "../../src/keymap"
+import { HomeHint } from "../../src/feature-plugins/system/which-key"
+
+const api = {
+  theme: { current: new Proxy({}, { get: () => RGBA.fromInts(200, 200, 200) }) },
+  keys: { formatSequence: () => "" },
+} as unknown as TuiPluginApi
+
+function Harness(props: { children: JSX.Element }) {
+  return <OpencodeKeymapProvider keymap={createDefaultOpenTuiKeymap(useRenderer())}>{props.children}</OpencodeKeymapProvider>
+}
+
+async function hintIndent(placement?: "center" | "start") {
+  const app = await testRender(
+    () => (
+      <Harness>
+        <HomeHint api={api} placement={placement} />
+      </Harness>
+    ),
+    { width: 80, height: 10 },
+  )
+  try {
+    await app.renderOnce()
+    const line = app
+      .captureCharFrame()
+      .split("\n")
+      .find((row) => row.includes("shortcuts"))
+    expect(line).toBeDefined()
+    return line!.length - line!.trimStart().length
+  } finally {
+    app.renderer.destroy()
+  }
+}
+
+test("left-aligns the home hint when placement is start", async () => {
+  expect(await hintIndent("start")).toBe(0)
+})
+
+test("centers the home hint by default", async () => {
+  expect(await hintIndent()).toBeGreaterThan(0)
+})