| |
| import { createHash } from "node:crypto"; |
| import { runInNewContext } from "node:vm"; |
| import { describe, expect, it, vi } from "vitest"; |
| import { buildWidgetDocument } from "./wrap.js"; |
|
|
| describe("buildWidgetDocument", () => { |
| it("reports bounded runtime errors before widget code, deduplicating and limiting reports", () => { |
| const html = buildWidgetDocument("Failure", '<script>throw new Error("Broken")</script>'); |
| const bridge = [...html.matchAll(/<script>([\s\S]*?)<\/script>/g)].find((match) => |
| match[1]?.includes("openclaw:widget-runtime-error"), |
| ); |
| if (!bridge?.[1]) { |
| throw new Error("Runtime error bridge missing"); |
| } |
| expect(bridge.index).toBeLessThan(html.indexOf('throw new Error("Broken")')); |
| const handlers = new Map<string, (event: unknown) => void>(); |
| const postMessage = vi.fn(); |
| runInNewContext(bridge[1], { |
| window: { |
| parent: { postMessage }, |
| addEventListener: (type: string, handler: (event: unknown) => void, capture: boolean) => { |
| expect(capture).toBe(true); |
| handlers.set(type, handler); |
| }, |
| }, |
| }); |
| const error = handlers.get("error")!; |
| const rejection = handlers.get("unhandledrejection")!; |
| error({ type: "error" }); |
| expect(() => |
| rejection({ |
| reason: { |
| get message() { |
| throw new Error("getter"); |
| }, |
| }, |
| }), |
| ).not.toThrow(); |
| error({ |
| error: { message: "x".repeat(600) }, |
| message: "fallback", |
| filename: `https://example.test/path/${"s".repeat(220)}.js?private=1`, |
| lineno: 12, |
| colno: 7, |
| }); |
| error({ message: "x".repeat(600) }); |
| rejection({ reason: new Error("Rejected"), lineno: Infinity, colno: 1.5 }); |
| rejection({ reason: "Plain rejection" }); |
| error({ message: "Over budget" }); |
| expect(postMessage.mock.calls).toEqual([ |
| [ |
| { |
| type: "openclaw:widget-runtime-error", |
| message: "x".repeat(500), |
| source: "s".repeat(200), |
| line: 12, |
| column: 7, |
| }, |
| "*", |
| ], |
| [{ type: "openclaw:widget-runtime-error", message: "Rejected" }, "*"], |
| [{ type: "openclaw:widget-runtime-error", message: "Plain rejection" }, "*"], |
| ]); |
| }); |
| it("keeps the wrapped document bytes stable", () => { |
| const html = buildWidgetDocument( |
| "Status <live>", |
| '<SvG viewBox="0 0 10 10"><circle r="4" /></SvG>', |
| ); |
|
|
| expect(Buffer.byteLength(html)).toBe(19910); |
| expect(createHash("sha256").update(html).digest("hex")).toBe( |
| "ab524d876df4ee6ff0904ca4d44d313a5a4d1149dbcc02704681c59e1748873c", |
| ); |
| expect(html).toContain("openclaw:widget-host-init-ack"); |
| expect(html).toContain('request("host.open",{url})'); |
| |
| |
| expect(html).toContain('listen("click",activate);listen("auxclick",activate);'); |
| expect(html).toContain('event.type==="auxclick"&&event.button===1'); |
| expect(html).toContain("event.defaultPrevented||event.shiftKey||event.altKey"); |
| expect(html).not.toContain("{capture:true}"); |
| expect(html).toContain("controlUiBaseUrl"); |
| expect(html).toContain('define(host,"controlUiBaseUrl"'); |
| expect(html).toContain("else push.call(waiting,{send,reject})"); |
| expect(html).toContain("else push.call(promptWaiting,{send,inline,reject})"); |
| expect(html).toContain("openclaw:widget-prompt-host-ready"); |
| expect(html).toContain("widget host capabilities unavailable"); |
| expect(html).toContain("widget prompt host unavailable"); |
| expect(html).toContain("openclaw:widget-chat-host"); |
| expect(html).toContain("openclaw:widget-board-host"); |
| expect(html).toContain("openclaw:widget-scroll"); |
| expect(html).toContain("event.isTrusted"); |
| expect(html).not.toContain("widget is not hosted on a board"); |
| const bridgeKeys = JSON.parse(html.match(/const keys=(\[[^\]]+\])/)?.[1] ?? "[]") as string[]; |
| expect(bridgeKeys).toEqual([ |
| "surface", |
| "card", |
| "elevated", |
| "text", |
| "text-strong", |
| "muted", |
| "border", |
| "border-strong", |
| "accent", |
| "accent-fill", |
| "accent-fg", |
| "ok", |
| "warn", |
| "danger", |
| "info", |
| "radius", |
| "radius-full", |
| "scrollbar-size", |
| "scrollbar-thumb-inset", |
| "scrollbar-thumb", |
| "scrollbar-thumb-hover", |
| "font-body", |
| "font-mono", |
| ]); |
| }); |
| }); |
|
|
