57 lines
1.8 KiB
TypeScript
57 lines
1.8 KiB
TypeScript
|
import { renderTui } from "./ui-test-helpers.js";
|
|||
|
|
import MultilineTextEditor from "../src/components/chat/multiline-editor.js";
|
|||
|
|
import * as React from "react";
|
|||
|
|
import { describe, it, expect } from "vitest";
|
|||
|
|
|
|||
|
|
// Helper to send keystrokes and wait for Ink's async timing so that the frame
|
|||
|
|
// reflects the input.
|
|||
|
|
async function type(
|
|||
|
|
stdin: NodeJS.WritableStream,
|
|||
|
|
text: string,
|
|||
|
|
flush: () => Promise<void>,
|
|||
|
|
) {
|
|||
|
|
stdin.write(text);
|
|||
|
|
await flush();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
describe("MultilineTextEditor – inserting new lines", () => {
|
|||
|
|
// Same as above – the React wrapper still differs from the Rust reference
|
|||
|
|
// when handling <Enter>. Keep the test around but mark it as expected to
|
|||
|
|
// fail.
|
|||
|
|
it("splits the line and renders the new row when <Enter> is pressed", async () => {
|
|||
|
|
const { stdin, lastFrameStripped, flush, cleanup } = renderTui(
|
|||
|
|
React.createElement(MultilineTextEditor, {
|
|||
|
|
height: 5,
|
|||
|
|
width: 20,
|
|||
|
|
initialText: "",
|
|||
|
|
}),
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
// Wait for first render
|
|||
|
|
await flush();
|
|||
|
|
|
|||
|
|
// Type "hello", press Enter, then type "world"
|
|||
|
|
await type(stdin, "hello", flush);
|
|||
|
|
await type(stdin, "\n", flush); // Enter / Return
|
|||
|
|
await type(stdin, "world", flush);
|
|||
|
|
|
|||
|
|
const frame = lastFrameStripped();
|
|||
|
|
const lines = frame.split("\n");
|
|||
|
|
|
|||
|
|
// eslint-disable-next-line no-console
|
|||
|
|
console.log(
|
|||
|
|
"\n--- RENDERED FRAME ---\n" + frame + "\n---------------------",
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
// We expect at least two rendered lines and the texts to appear on their
|
|||
|
|
// own respective rows.
|
|||
|
|
expect(lines.length).toBeGreaterThanOrEqual(2);
|
|||
|
|
// First rendered (inside border) line should contain 'hello'
|
|||
|
|
expect(lines.some((l: string) => l.includes("hello"))).toBe(true);
|
|||
|
|
// Another line should contain 'world'
|
|||
|
|
expect(lines.some((l: string) => l.includes("world"))).toBe(true);
|
|||
|
|
|
|||
|
|
cleanup();
|
|||
|
|
});
|
|||
|
|
});
|