Files
vue-tui/packages/testing
Yunfei He 22ecbe0f80 test: port Ink layout tests (157 passing, 21 known failures)
Translates flex, direction, wrap, align, justify, gap, padding,
margin, width-height, position, display, and overflow tests from
Ink. Adds trimLines mode and trailing-newline strip to test helper.
Fixes Box type for alignContent (space-between/around/evenly) and
alignSelf (stretch/baseline).

21 tests fail due to behavioral differences (overflow clipping,
percentage dimensions, relative position offsets, align-content
space-* variants). These represent real gaps to investigate.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-25 21:24:31 +08:00
..
2026-05-24 22:58:29 +08:00
2026-05-24 22:58:29 +08:00

@vue-tui/testing

Test harness for @vue-tui/runtime.

Install

pnpm add -D @vue-tui/testing vue

Quickstart

import { defineComponent, h } from "vue";
import { test, expect } from "vitest";
import { render, flush } from "@vue-tui/testing";
import { Text } from "@vue-tui/runtime";

test("renders hello", async () => {
  const App = defineComponent({ render: () => h(Text, null, "hello") });
  const r = render(App);
  await flush();
  expect(r.lastFrame()).toContain("hello");
  r.unmount();
});

API

  • render(app, { columns?, rows? }) — mount in a fake-TTY environment, collect frames.
  • flush() — await Vue's post-flush queue + Node's immediate queue.
  • result.lastFrame() / result.frames — frame snapshots.
  • result.stdin.write(data) — inject input that reaches useInput handlers.
  • result.app — the underlying TuiApp (use .waitUntilExit() if needed).
  • result.unmount() / result.waitUntilExit() — convenience pass-throughs.