6c7eed7580
Fresh history cut from cynarAI/evoo antigravity-handoff/project-timeline (Voice First + project timeline). Brand docs/titles as evOo; keep @rakazo/* packages as tech debt. Excludes node_modules, caches, secrets, voice blobs.
67 lines
2.9 KiB
TypeScript
67 lines
2.9 KiB
TypeScript
import { expect, type Page, test } from "@playwright/test";
|
|
import { captureScreenshot, completeOnboarding, signup } from "./helpers";
|
|
|
|
async function openComposer(page: Page) {
|
|
const stamp = Date.now();
|
|
await signup(page, `composer-paste-${stamp}@rakazo.test`, "password12", "Paste Test");
|
|
await completeOnboarding(page);
|
|
await page.goto("/app");
|
|
await page.waitForURL(/\/app\/[^/]+$/);
|
|
const composer = page.getByRole("combobox", { name: /Message/ });
|
|
await expect(composer).toBeVisible();
|
|
return composer;
|
|
}
|
|
|
|
test("pasting an image into the composer creates an attachment", async ({ page }, testInfo) => {
|
|
const composer = await openComposer(page);
|
|
await composer.click();
|
|
await page.evaluate(() => {
|
|
const target = document.querySelector("textarea[name='chat-message']");
|
|
if (!target) throw new Error("composer textarea not found");
|
|
const bytes = new Uint8Array([137, 80, 78, 71, 13, 10, 26, 10]);
|
|
const file = new File([bytes], "paste.png", { type: "image/png" });
|
|
const clipboardData = {
|
|
files: [file],
|
|
types: ["Files"],
|
|
items: [{ kind: "file" }],
|
|
getData: () => "",
|
|
};
|
|
const event = new Event("paste", { bubbles: true, cancelable: true });
|
|
Object.defineProperty(event, "clipboardData", { value: clipboardData });
|
|
target.dispatchEvent(event);
|
|
});
|
|
await expect(page.getByRole("button", { name: "Remove paste.png" })).toBeVisible();
|
|
await captureScreenshot(page, testInfo, "composer-paste-attachment");
|
|
});
|
|
|
|
test("pasting text into the composer still inserts text", async ({ page, context }) => {
|
|
const composer = await openComposer(page);
|
|
await context.grantPermissions(["clipboard-read", "clipboard-write"]);
|
|
await page.evaluate(() => navigator.clipboard.writeText("pasted words"));
|
|
await composer.click();
|
|
await page.keyboard.press("ControlOrMeta+v");
|
|
await expect(composer).toHaveValue("pasted words");
|
|
});
|
|
|
|
test("pasting an image with text keeps the attachment and inserts text", async ({ page }) => {
|
|
const composer = await openComposer(page);
|
|
await composer.click();
|
|
await page.evaluate(() => {
|
|
const target = document.querySelector("textarea[name='chat-message']");
|
|
if (!(target instanceof HTMLTextAreaElement)) throw new Error("composer textarea not found");
|
|
const bytes = new Uint8Array([137, 80, 78, 71, 13, 10, 26, 10]);
|
|
const file = new File([bytes], "mixed.png", { type: "image/png" });
|
|
const clipboardData = {
|
|
files: [file],
|
|
types: ["Files", "text/plain"],
|
|
items: [{ kind: "file" }, { kind: "string" }],
|
|
getData: (type: string) => (type === "text/plain" ? "caption text" : ""),
|
|
};
|
|
const event = new Event("paste", { bubbles: true, cancelable: true });
|
|
Object.defineProperty(event, "clipboardData", { value: clipboardData });
|
|
target.dispatchEvent(event);
|
|
});
|
|
await expect(page.getByRole("button", { name: "Remove mixed.png" })).toBeVisible();
|
|
await expect(composer).toHaveValue("caption text");
|
|
});
|