mirror of
https://github.com/anomalyco/opencode.git
synced 2026-09-06 04:04:47 +00:00
336 lines
11 KiB
TypeScript
336 lines
11 KiB
TypeScript
/** @jsxImportSource @opentui/solid */
|
|
import { testRender } from "@opentui/solid"
|
|
import { MouseButton } from "@opentui/core"
|
|
import { expect, test } from "bun:test"
|
|
import { createSignal } from "solid-js"
|
|
import { ConfigProvider } from "../../src/config"
|
|
import { EMPTY_SESSION_TAB_STATUS, SessionTabs, type SessionTabsController } from "../../src/component/session-tabs"
|
|
import { Keymap } from "../../src/context/keymap"
|
|
import { ThemeProvider } from "../../src/context/theme"
|
|
import { DialogProvider } from "../../src/ui/dialog"
|
|
import { ToastProvider } from "../../src/ui/toast"
|
|
import { emptyThemeSource } from "../fixture/fixture"
|
|
import { TestTuiContexts } from "../fixture/tui-environment"
|
|
import { createTuiResolvedConfig } from "../fixture/tui-runtime"
|
|
|
|
test("releasing a transcript selection over tab controls does not activate them", async () => {
|
|
const [active, setActive] = createSignal("first")
|
|
const [added, setAdded] = createSignal(0)
|
|
const controller = {
|
|
tabs: () => [
|
|
{ sessionID: "first", title: "First" },
|
|
{ sessionID: "second", title: "Second" },
|
|
],
|
|
current: active,
|
|
select: setActive,
|
|
close() {},
|
|
move() {},
|
|
add: () => setAdded((value) => value + 1),
|
|
status: () => EMPTY_SESSION_TAB_STATUS,
|
|
} satisfies SessionTabsController
|
|
const app = await testRender(
|
|
() => (
|
|
<TestTuiContexts>
|
|
<ConfigProvider config={createTuiResolvedConfig({ tabs: { enabled: true } })}>
|
|
<ThemeProvider mode="dark" source={emptyThemeSource}>
|
|
<box flexDirection="column">
|
|
<SessionTabs controller={controller} animations={false} />
|
|
<text>selectable transcript text</text>
|
|
</box>
|
|
</ThemeProvider>
|
|
</ConfigProvider>
|
|
</TestTuiContexts>
|
|
),
|
|
{ width: 60, height: 3 },
|
|
)
|
|
|
|
try {
|
|
app.renderer.start()
|
|
await app.waitForFrame((frame) => frame.includes("Second"))
|
|
await app.mockMouse.pressDown(5, 1)
|
|
await app.mockMouse.release(40, 0)
|
|
expect(active()).toBe("first")
|
|
|
|
await app.mockMouse.click(40, 0)
|
|
expect(active()).toBe("second")
|
|
|
|
await app.mockMouse.pressDown(5, 1)
|
|
await app.mockMouse.release(58, 0)
|
|
expect(added()).toBe(0)
|
|
|
|
await app.mockMouse.click(58, 0)
|
|
expect(added()).toBe(1)
|
|
} finally {
|
|
app.renderer.destroy()
|
|
}
|
|
})
|
|
|
|
test("the horizontal tab context menu keeps preview tabs open without selecting them", async () => {
|
|
const [active, setActive] = createSignal("first")
|
|
const promoted: string[] = []
|
|
const controller = {
|
|
tabs: () => [
|
|
{ sessionID: "first", title: "First" },
|
|
{ sessionID: "second", title: "Second" },
|
|
],
|
|
current: active,
|
|
select: setActive,
|
|
close() {},
|
|
move() {},
|
|
isPreview: (sessionID: string) => sessionID === "second",
|
|
promote: (sessionID: string) => promoted.push(sessionID),
|
|
status: () => EMPTY_SESSION_TAB_STATUS,
|
|
} satisfies SessionTabsController
|
|
const app = await testRender(
|
|
() => (
|
|
<TestTuiContexts>
|
|
<ConfigProvider config={createTuiResolvedConfig({ tabs: { enabled: true } })}>
|
|
<Keymap.Provider>
|
|
<ThemeProvider mode="dark" source={emptyThemeSource}>
|
|
<ToastProvider>
|
|
<DialogProvider>
|
|
<SessionTabs controller={controller} animations={false} />
|
|
</DialogProvider>
|
|
</ToastProvider>
|
|
</ThemeProvider>
|
|
</Keymap.Provider>
|
|
</ConfigProvider>
|
|
</TestTuiContexts>
|
|
),
|
|
{ width: 60, height: 8 },
|
|
)
|
|
|
|
try {
|
|
app.renderer.start()
|
|
await app.waitForFrame((frame) => frame.includes("Second"))
|
|
|
|
const first = app
|
|
.captureCharFrame()
|
|
.split("\n")
|
|
.findIndex((line) => line.includes("First"))
|
|
await app.mockMouse.click(app.captureCharFrame().split("\n")[first]!.indexOf("First"), first, MouseButton.RIGHT)
|
|
await app.waitForFrame((frame) => frame.includes("Rename"))
|
|
expect(app.captureCharFrame()).toContain("Close")
|
|
expect(app.captureCharFrame()).not.toContain("Keep open")
|
|
|
|
app.mockInput.pressKey("c", { ctrl: true })
|
|
await app.waitForFrame((frame) => !frame.includes("Rename"))
|
|
|
|
const second = app
|
|
.captureCharFrame()
|
|
.split("\n")
|
|
.findIndex((line) => line.includes("Second"))
|
|
await app.mockMouse.click(app.captureCharFrame().split("\n")[second]!.indexOf("Second"), second, MouseButton.RIGHT)
|
|
await app.waitForFrame((frame) => frame.includes("Keep open"))
|
|
expect(app.captureCharFrame()).toContain("Rename")
|
|
expect(app.captureCharFrame()).toContain("Close")
|
|
expect(active()).toBe("first")
|
|
const frame = app.captureCharFrame().split("\n")
|
|
const row = frame.findIndex((line) => line.includes("Keep open"))
|
|
await app.mockMouse.click(frame[row]!.indexOf("Keep open"), row)
|
|
await app.waitForFrame((frame) => !frame.includes("Rename"))
|
|
|
|
expect(promoted).toEqual(["second"])
|
|
expect(active()).toBe("first")
|
|
} finally {
|
|
app.renderer.destroy()
|
|
}
|
|
})
|
|
|
|
test("double-clicking a preview tab keeps it open without promoting permanent tabs", async () => {
|
|
const [active, setActive] = createSignal("first")
|
|
const promoted: string[] = []
|
|
const controller = {
|
|
tabs: () => [
|
|
{ sessionID: "first", title: "First" },
|
|
{ sessionID: "second", title: "Second" },
|
|
],
|
|
current: active,
|
|
select: setActive,
|
|
close() {},
|
|
move() {},
|
|
isPreview: (sessionID: string) => sessionID === "second",
|
|
promote: (sessionID: string) => promoted.push(sessionID),
|
|
status: () => EMPTY_SESSION_TAB_STATUS,
|
|
} satisfies SessionTabsController
|
|
const app = await testRender(
|
|
() => (
|
|
<TestTuiContexts>
|
|
<ConfigProvider config={createTuiResolvedConfig({ tabs: { enabled: true } })}>
|
|
<ThemeProvider mode="dark" source={emptyThemeSource}>
|
|
<SessionTabs controller={controller} animations={false} />
|
|
</ThemeProvider>
|
|
</ConfigProvider>
|
|
</TestTuiContexts>
|
|
),
|
|
{ width: 60, height: 8 },
|
|
)
|
|
|
|
try {
|
|
app.renderer.start()
|
|
await app.waitForFrame((frame) => frame.includes("Second"))
|
|
|
|
await app.mockMouse.doubleClick(5, 0)
|
|
expect(promoted).toEqual([])
|
|
|
|
await app.mockMouse.click(40, 0)
|
|
expect(active()).toBe("second")
|
|
expect(promoted).toEqual([])
|
|
|
|
await app.mockMouse.click(40, 0)
|
|
expect(promoted).toEqual(["second"])
|
|
} finally {
|
|
app.renderer.destroy()
|
|
}
|
|
})
|
|
|
|
test("middle-click closes a session tab without selecting it", async () => {
|
|
const [active, setActive] = createSignal("first")
|
|
const closed: Array<string | undefined> = []
|
|
const controller = {
|
|
tabs: () => [
|
|
{ sessionID: "first", title: "First" },
|
|
{ sessionID: "second", title: "Second" },
|
|
],
|
|
current: active,
|
|
select: setActive,
|
|
close: (sessionID?: string) => closed.push(sessionID),
|
|
move() {},
|
|
status: () => EMPTY_SESSION_TAB_STATUS,
|
|
} satisfies SessionTabsController
|
|
const app = await testRender(
|
|
() => (
|
|
<TestTuiContexts>
|
|
<ConfigProvider config={createTuiResolvedConfig({ tabs: { enabled: true } })}>
|
|
<ThemeProvider mode="dark" source={emptyThemeSource}>
|
|
<SessionTabs controller={controller} animations={false} />
|
|
</ThemeProvider>
|
|
</ConfigProvider>
|
|
</TestTuiContexts>
|
|
),
|
|
{ width: 60, height: 8 },
|
|
)
|
|
|
|
try {
|
|
app.renderer.start()
|
|
await app.waitForFrame((frame) => frame.includes("Second"))
|
|
await app.mockMouse.click(40, 0, MouseButton.MIDDLE)
|
|
expect(closed).toEqual(["second"])
|
|
expect(active()).toBe("first")
|
|
} finally {
|
|
app.renderer.destroy()
|
|
}
|
|
})
|
|
|
|
test("keeps consecutive close controls fixed across overflow window changes", async () => {
|
|
const [active, setActive] = createSignal("fifth")
|
|
const [items, setItems] = createSignal([
|
|
{ sessionID: "first", title: "First" },
|
|
{ sessionID: "second", title: "Second" },
|
|
{ sessionID: "third", title: "Third" },
|
|
{ sessionID: "fourth", title: "Fourth" },
|
|
{ sessionID: "fifth", title: "Fifth" },
|
|
])
|
|
const closed: string[] = []
|
|
const controller = {
|
|
tabs: items,
|
|
current: active,
|
|
select: setActive,
|
|
close: (sessionID?: string) => {
|
|
if (!sessionID) return
|
|
const current = items()
|
|
closed.push(sessionID)
|
|
setActive("first")
|
|
setItems(current.filter((tab) => tab.sessionID !== sessionID))
|
|
},
|
|
move() {},
|
|
status: () => EMPTY_SESSION_TAB_STATUS,
|
|
} satisfies SessionTabsController
|
|
const app = await testRender(
|
|
() => (
|
|
<TestTuiContexts>
|
|
<ConfigProvider config={createTuiResolvedConfig({ tabs: { enabled: true } })}>
|
|
<ThemeProvider mode="dark" source={emptyThemeSource}>
|
|
<SessionTabs controller={controller} animations={false} />
|
|
</ThemeProvider>
|
|
</ConfigProvider>
|
|
</TestTuiContexts>
|
|
),
|
|
{ width: 46, height: 2 },
|
|
)
|
|
|
|
try {
|
|
app.renderer.start()
|
|
await app.waitForFrame((frame) => frame.includes("Third"))
|
|
await app.mockMouse.moveTo(11, 0)
|
|
await app.waitForFrame((frame) => Array.from(frame.split("\n")[0] ?? "")[11] === "✕")
|
|
|
|
await app.mockMouse.click(11, 0)
|
|
await app.waitForFrame((frame) => items().length === 4 && Array.from(frame.split("\n")[0] ?? "")[11] === "✕")
|
|
await app.mockMouse.click(11, 0)
|
|
|
|
expect(closed).toEqual(["third", "fourth"])
|
|
} finally {
|
|
app.renderer.destroy()
|
|
}
|
|
})
|
|
|
|
test("reflows held tabs when the pointer leaves the strip", async () => {
|
|
const [active, setActive] = createSignal("first")
|
|
const [items, setItems] = createSignal([
|
|
{ sessionID: "first", title: "First" },
|
|
{ sessionID: "second", title: "Second" },
|
|
{ sessionID: "third", title: "Third" },
|
|
{ sessionID: "fourth", title: "Fourth" },
|
|
])
|
|
const controller = {
|
|
tabs: items,
|
|
current: active,
|
|
select: setActive,
|
|
close: (sessionID?: string) => {
|
|
if (!sessionID) return
|
|
const current = items()
|
|
const index = current.findIndex((tab) => tab.sessionID === sessionID)
|
|
setActive((current[index + 1] ?? current[index - 1])?.sessionID)
|
|
setItems(current.filter((tab) => tab.sessionID !== sessionID))
|
|
},
|
|
move() {},
|
|
status: () => EMPTY_SESSION_TAB_STATUS,
|
|
} satisfies SessionTabsController
|
|
const app = await testRender(
|
|
() => (
|
|
<TestTuiContexts>
|
|
<ConfigProvider config={createTuiResolvedConfig({ tabs: { enabled: true } })}>
|
|
<ThemeProvider mode="dark" source={emptyThemeSource}>
|
|
<box flexDirection="column">
|
|
<SessionTabs controller={controller} animations={false} />
|
|
<text>outside</text>
|
|
</box>
|
|
</ThemeProvider>
|
|
</ConfigProvider>
|
|
</TestTuiContexts>
|
|
),
|
|
{ width: 60, height: 2 },
|
|
)
|
|
|
|
try {
|
|
app.renderer.start()
|
|
await app.waitForFrame((frame) => frame.includes("Fourth"))
|
|
await app.mockMouse.moveTo(22, 0)
|
|
await app.waitForFrame((frame) => Array.from(frame.split("\n")[0] ?? "")[22] === "✕")
|
|
await app.mockMouse.click(22, 0)
|
|
await app.waitForFrame(
|
|
(frame) => !frame.includes("First") && items().length === 3 && Array.from(frame.split("\n")[0] ?? "")[22] === "✕",
|
|
)
|
|
|
|
await app.renderOnce()
|
|
const held = app.captureCharFrame().split("\n")[0] ?? ""
|
|
await app.mockMouse.moveTo(0, 1)
|
|
await app.waitForFrame((frame) => (frame.split("\n")[0] ?? "").indexOf("Third") < held.indexOf("Third"))
|
|
await app.mockMouse.moveTo(20, 0)
|
|
await app.waitForFrame((frame) => Array.from(frame.split("\n")[0] ?? "")[20] === "✕")
|
|
expect(Array.from(app.captureCharFrame().split("\n")[0] ?? "")[22]).not.toBe("✕")
|
|
} finally {
|
|
app.renderer.destroy()
|
|
}
|
|
})
|