127 lines
3.9 KiB
TypeScript
127 lines
3.9 KiB
TypeScript
/** @jsxImportSource @opentui/solid */
|
|
import { expect, test } from "bun:test"
|
|
import { RGBA } from "@opentui/core"
|
|
import { testRender } from "@opentui/solid"
|
|
import { createSignal } from "solid-js"
|
|
import {
|
|
TabPulse,
|
|
blendTabPulseColor,
|
|
completionPulseOpacity,
|
|
glowIgnitionLevel,
|
|
unreadGlowIntensity,
|
|
} from "../../src/component/tab-pulse"
|
|
import { tint } from "../../src/theme/color"
|
|
|
|
test("a prompt pulse restarts the neutral edge flash while the tab remains busy", async () => {
|
|
const background = RGBA.fromHex("#101010")
|
|
const flash = RGBA.fromHex("#f0f0f0")
|
|
const [promptPulse, setPromptPulse] = createSignal(0)
|
|
const app = await testRender(
|
|
() => (
|
|
<box width={8} height={1} backgroundColor={background}>
|
|
<TabPulse
|
|
layer={{
|
|
active: true,
|
|
promptPulse: promptPulse(),
|
|
color: background,
|
|
flashColor: flash,
|
|
}}
|
|
backgroundColor={background}
|
|
/>
|
|
</box>
|
|
),
|
|
{ width: 8, height: 1 },
|
|
)
|
|
|
|
const firstBackground = () => app.captureSpans().lines[0]?.spans[0]?.bg
|
|
|
|
try {
|
|
await app.renderOnce()
|
|
expect(firstBackground()?.equals(background)).toBeTrue()
|
|
|
|
setPromptPulse(1)
|
|
await Bun.sleep(80)
|
|
await app.renderOnce()
|
|
expect(firstBackground()?.equals(background)).toBeFalse()
|
|
expect(firstBackground()?.r ?? 0).toBeGreaterThan(0.17)
|
|
|
|
await Bun.sleep(800)
|
|
await app.renderOnce()
|
|
expect(firstBackground()?.equals(background)).toBeTrue()
|
|
|
|
setPromptPulse(2)
|
|
await Bun.sleep(80)
|
|
await app.renderOnce()
|
|
expect(firstBackground()?.equals(background)).toBeFalse()
|
|
} finally {
|
|
app.renderer.destroy()
|
|
}
|
|
})
|
|
|
|
test("completion pulse rises quickly and fades over the remaining duration", () => {
|
|
expect(completionPulseOpacity(0)).toBe(0)
|
|
expect(completionPulseOpacity(0.06)).toBeCloseTo(0.5)
|
|
expect(completionPulseOpacity(0.12)).toBe(1)
|
|
expect(completionPulseOpacity(0.56)).toBeCloseTo(0.5)
|
|
expect(completionPulseOpacity(1)).toBe(0)
|
|
})
|
|
|
|
test("glow ignition overshoots the resting level and settles back to it", () => {
|
|
expect(glowIgnitionLevel(0)).toBe(0)
|
|
expect(glowIgnitionLevel(0.3)).toBeCloseTo(1.5)
|
|
expect(glowIgnitionLevel(0.6)).toBeGreaterThan(1)
|
|
expect(glowIgnitionLevel(1)).toBe(1)
|
|
})
|
|
|
|
test("unread glow peaks behind the tab number and fades to the normal background", () => {
|
|
const intensities = Array.from({ length: 22 }, (_, index) => unreadGlowIntensity(index, 22))
|
|
|
|
expect(intensities[0]).toBe(1)
|
|
expect(intensities[1]).toBe(1)
|
|
expect(intensities[2]).toBeLessThan(1)
|
|
expect(intensities.slice(1)).toEqual(intensities.slice(1).sort((a, b) => b - a))
|
|
expect(intensities[13]).toBe(0)
|
|
expect(intensities.at(-1)).toBe(0)
|
|
})
|
|
|
|
test("unread glow reaches the normal background on compact tabs", () => {
|
|
expect(unreadGlowIntensity(0, 8)).toBe(1)
|
|
expect(unreadGlowIntensity(7, 8)).toBe(0)
|
|
})
|
|
|
|
test("reuses a color while preserving the original glow and pulse blend stages", () => {
|
|
const output = RGBA.fromInts(0, 0, 0)
|
|
const background = RGBA.fromHex("#1a1b26")
|
|
const glowColor = RGBA.fromHex("#82aaff")
|
|
const runningColor = RGBA.fromHex("#c8d3f5")
|
|
const flashColor = RGBA.fromHex("#e2e8fb")
|
|
const completionColor = RGBA.fromHex("#ff9e64")
|
|
|
|
for (const glow of [0, 0.08, 0.16]) {
|
|
for (const running of [0, 0.01, 0.07, 0.14]) {
|
|
for (const flash of [0, 0.05, 0.1]) {
|
|
for (const completion of [0, 0.03, 0.09, 0.18]) {
|
|
blendTabPulseColor(
|
|
output,
|
|
background,
|
|
glowColor,
|
|
runningColor,
|
|
flashColor,
|
|
completionColor,
|
|
glow,
|
|
running,
|
|
flash,
|
|
completion,
|
|
)
|
|
expect(output.buffer).toEqual(
|
|
tint(
|
|
tint(tint(tint(background, glowColor, glow), runningColor, running), flashColor, flash),
|
|
completionColor,
|
|
completion,
|
|
).buffer,
|
|
)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
})
|