89 lines
3.3 KiB
TypeScript
89 lines
3.3 KiB
TypeScript
import { expect, test, type Page } from "../support/fixtures";
|
|
import { composerLocator, expectComposerVisible } from "../support/helpers/composer";
|
|
import { openAgentRoute, seedMockAgentWorkspace } from "../support/helpers/mock-agent";
|
|
|
|
async function composerHeight(page: Page): Promise<number> {
|
|
return composerLocator(page).evaluate((element) => element.getBoundingClientRect().height);
|
|
}
|
|
|
|
async function expectComposerHeight(page: Page, expected: number): Promise<void> {
|
|
await expect.poll(() => composerHeight(page)).toBe(expected);
|
|
}
|
|
|
|
async function pressComposerKeyAndMeasureNextPaint(page: Page, key: string): Promise<number> {
|
|
const composer = composerLocator(page);
|
|
await installNextComposerPaintProbe(page);
|
|
await composer.press(key);
|
|
return readNextComposerPaintHeight(page);
|
|
}
|
|
|
|
async function typeComposerTextAndMeasureNextPaint(page: Page, text: string): Promise<number> {
|
|
const composer = composerLocator(page);
|
|
await installNextComposerPaintProbe(page);
|
|
await composer.pressSequentially(text);
|
|
return readNextComposerPaintHeight(page);
|
|
}
|
|
|
|
async function installNextComposerPaintProbe(page: Page): Promise<void> {
|
|
await composerLocator(page).evaluate((element) => {
|
|
Reflect.set(
|
|
globalThis,
|
|
"__composerNextPaintHeight",
|
|
new Promise<number>((resolve) => {
|
|
element.addEventListener(
|
|
"input",
|
|
() => {
|
|
requestAnimationFrame(() => resolve(element.getBoundingClientRect().height));
|
|
},
|
|
{ once: true },
|
|
);
|
|
}),
|
|
);
|
|
});
|
|
}
|
|
|
|
async function readNextComposerPaintHeight(page: Page): Promise<number> {
|
|
return page.evaluate(() => Reflect.get(globalThis, "__composerNextPaintHeight"));
|
|
}
|
|
|
|
test("blank composer lines remain present and keep their measured height", async ({ page }) => {
|
|
const agent = await seedMockAgentWorkspace({
|
|
repoPrefix: "composer-whitespace-",
|
|
title: "Composer whitespace",
|
|
});
|
|
|
|
try {
|
|
await openAgentRoute(page, agent);
|
|
await expectComposerVisible(page);
|
|
const composer = composerLocator(page);
|
|
const blankLines = "\n\n\n\n\n";
|
|
const collapsedHeight = await composerHeight(page);
|
|
|
|
await test.step("grow the composer with blank lines followed by text", async () => {
|
|
await composer.fill(`${blankLines}x`);
|
|
await expect(composer).toHaveValue(`${blankLines}x`);
|
|
await expect.poll(() => composerHeight(page)).toBeGreaterThan(collapsedHeight);
|
|
});
|
|
|
|
await test.step("delete only the text without losing the blank lines or height", async () => {
|
|
const expandedHeight = await composerHeight(page);
|
|
await composer.press("Backspace");
|
|
await expect(composer).toHaveValue(blankLines);
|
|
await expectComposerHeight(page, expandedHeight);
|
|
});
|
|
|
|
await test.step("grow on the first paint of a newline and stay stable when it receives a glyph", async () => {
|
|
await composer.fill("alpha\nbeta");
|
|
const filledLineHeight = await composerHeight(page);
|
|
const trailingLineHeight = await pressComposerKeyAndMeasureNextPaint(page, "Shift+Enter");
|
|
expect(trailingLineHeight).toBeGreaterThan(filledLineHeight);
|
|
|
|
const filledTrailingLineHeight = await typeComposerTextAndMeasureNextPaint(page, "x");
|
|
await expect(composer).toHaveValue("alpha\nbeta\nx");
|
|
expect(filledTrailingLineHeight).toBe(trailingLineHeight);
|
|
});
|
|
} finally {
|
|
await agent.cleanup();
|
|
}
|
|
});
|