24 lines
1.2 KiB
TypeScript
24 lines
1.2 KiB
TypeScript
|
import React from "react";
|
||
|
|
(globalThis as Record<string, unknown>).React = React;
|
||
|
|
import { renderToStaticMarkup } from "react-dom/server";
|
||
|
|
import { describe, it } from "node:test";
|
||
|
|
import assert from "node:assert/strict";
|
||
|
|
import { ReadingThinkingField } from "../components/reading-thinking.tsx";
|
||
|
|
|
||
|
|
describe("the reading-thinking field (owner round, 2026-10-07)", () => {
|
||
|
|
it("carries vertical padding — the 1px-scrollbar absorption", () => {
|
||
|
|
const html = renderToStaticMarkup(
|
||
|
|
<ReadingThinkingField value="" onChange={() => {}} claim={false} />,
|
||
|
|
);
|
||
|
|
// The fix (empirically diagnosed): Source Sans 3's font box (22px at
|
||
|
|
// 16px) exceeds lh-input's 20px line box by 1px; Chromium counts that
|
||
|
|
// in scrollHeight and a zero-padding field-sizing textarea becomes a
|
||
|
|
// permanent 1px scroll (a bar shown empty AND at every expansion below
|
||
|
|
// max-h). py-0.5 absorbs it — the composer/dock fields get the same
|
||
|
|
// absorption implicitly from py-2. Line-height stays 1.25 (caret law).
|
||
|
|
assert.ok(html.includes("py-0.5"), "the vertical padding is on the textarea");
|
||
|
|
// The cap survives: growth past max-h-40 still scrolls honestly.
|
||
|
|
assert.ok(html.includes("max-h-40"), "the 160px growth cap stays");
|
||
|
|
});
|
||
|
|
});
|