James Long
80 lines
2.5 KiB
TypeScript
80 lines
2.5 KiB
TypeScript
/** @jsxImportSource @opentui/solid */
|
|
import { afterEach, expect, test } from "bun:test"
|
|
import { DiffRenderable, parseColor, type Renderable, SyntaxStyle } from "@opentui/core"
|
|
import { testRender } from "@opentui/solid"
|
|
import { PatchDiff } from "../../src/component/patch-diff"
|
|
|
|
let app: Awaited<ReturnType<typeof testRender>> | undefined
|
|
|
|
afterEach(() => {
|
|
app?.renderer.destroy()
|
|
app = undefined
|
|
})
|
|
|
|
test("renders separate diff nodes with a full-width hunk row", async () => {
|
|
const patch = `--- a/file.ts
|
|
+++ b/file.ts
|
|
@@ -1,2 +1,3 @@
|
|
const first = true
|
|
+const addedFirst = true
|
|
const afterFirst = true
|
|
@@ -20,3 +20,3 @@
|
|
const second = true
|
|
-const oldSecond = true
|
|
+const newSecond = true
|
|
const afterSecond = true`
|
|
|
|
app = await testRender(
|
|
() => (
|
|
<box width={120}>
|
|
<PatchDiff
|
|
diff={patch}
|
|
hunkFg="#888888"
|
|
lineNumberBg="#222222"
|
|
view="split"
|
|
filetype="typescript"
|
|
syntaxStyle={SyntaxStyle.create()}
|
|
showLineNumbers={true}
|
|
width="100%"
|
|
/>
|
|
</box>
|
|
),
|
|
{ width: 120, height: 30 },
|
|
)
|
|
await app.waitForFrame((value) => value.includes("@@ -20,3 +20,3 @@"))
|
|
await app.renderOnce()
|
|
const frame = app.captureCharFrame()
|
|
const headerRow = frame.split("\n").findIndex((line) => line.includes("@@ -20,3 +20,3 @@"))
|
|
const header = frame.split("\n")[headerRow]
|
|
const firstLine = frame.split("\n").find((line) => line.includes("const first")) ?? ""
|
|
const secondLine = frame.split("\n").find((line) => line.includes("const second")) ?? ""
|
|
const background = parseColor("#222222")
|
|
|
|
expect(header?.startsWith("@@ -20,3 +20,3 @@")).toBe(true)
|
|
expect(header?.trimEnd()).toBe("@@ -20,3 +20,3 @@")
|
|
expect(
|
|
app
|
|
.captureSpans()
|
|
.lines[headerRow].spans.every(
|
|
(span) =>
|
|
span.bg.r === background.r &&
|
|
span.bg.g === background.g &&
|
|
span.bg.b === background.b &&
|
|
span.bg.a === background.a,
|
|
),
|
|
).toBe(true)
|
|
const diffs = findDiffs(app.renderer.root)
|
|
const gutters = diffs.flatMap((diff) => diff.getChildren().flatMap((side) => side.getChildren().slice(0, 1)))
|
|
expect(diffs).toHaveLength(2)
|
|
expect(gutters[0].width).toBeGreaterThan(0)
|
|
expect(new Set(gutters.map((gutter) => gutter.width)).size).toBe(1)
|
|
expect(firstLine.search(/\d/)).toBe(secondLine.search(/\d/))
|
|
})
|
|
|
|
function findDiffs(root: Renderable): DiffRenderable[] {
|
|
return [
|
|
...(root instanceof DiffRenderable ? [root] : []),
|
|
...root.getChildren().flatMap((child) => findDiffs(child)),
|
|
]
|
|
}
|