vultr/openclaw
1
0
Fork 0
mirror of https://github.com/openclaw/openclaw.git synced 2026-05-06 12:30:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

test: move chat markdown sidebar to direct render

Browse Source
This commit is contained in:
Peter Steinberger
2026-04-17 18:49:04 +01:00
parent 6184f17c91
commit 1a3a040cc3
2 changed files with 51 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
ui/src/ui/chat-markdown.browser.test.ts
View File

@@ -1,40 +0,0 @@
import { describe, expect, it } from "vitest";
import { mountApp, registerAppMountHooks } from "./test-helpers/app-mount.ts";
registerAppMountHooks();
describe("chat markdown rendering", () => {
it("renders markdown inside tool output sidebar", async () => {
const app = mountApp("/chat");
await app.updateComplete;
const timestamp = Date.now();
app.chatMessages = [
{
role: "assistant",
content: [
{ type: "toolcall", name: "noop", arguments: {} },
{ type: "toolresult", name: "noop", text: "Hello **world**" },
],
timestamp,
},
];
await app.updateComplete;
const toolSummary = app.querySelector<HTMLElement>(".chat-tool-msg-summary");
expect(toolSummary).not.toBeNull();
toolSummary?.click();
await app.updateComplete;
const openSidebarButton = app.querySelector<HTMLElement>(".chat-tool-card__action-btn");
expect(openSidebarButton).not.toBeNull();
openSidebarButton?.click();
await app.updateComplete;
const strongNodes = Array.from(app.querySelectorAll(".sidebar-markdown strong"));
expect(strongNodes.some((node) => node.textContent === "world")).toBe(true);
});
});

51
ui/src/ui/views/chat.test.ts
View File

@@ -1705,6 +1705,57 @@ describe("chat view", () => {
);
});
it("renders markdown inside tool output sidebar", async () => {
const container = document.createElement("div");
let sidebarContent: ChatProps["sidebarContent"] = null;
const messages = [
{
role: "assistant",
content: [
{ type: "toolcall", name: "noop", arguments: {} },
{ type: "toolresult", name: "noop", text: "Hello **world**" },
],
timestamp: Date.now(),
},
];
const renderWithSidebar = () =>
render(
renderChat(
createProps({
messages,
sidebarOpen: sidebarContent !== null,
sidebarContent,
sidebarError: null,
onOpenSidebar: (content) => {
sidebarContent = content;
renderWithSidebar();
},
onCloseSidebar: () => {
sidebarContent = null;
renderWithSidebar();
},
onRequestUpdate: renderWithSidebar,
}),
),
container,
);
renderWithSidebar();
const toolSummary = container.querySelector<HTMLElement>(".chat-tool-msg-summary");
expect(toolSummary).not.toBeNull();
toolSummary?.dispatchEvent(new MouseEvent("click", { bubbles: true }));
await flushTasks();
const openSidebarButton = container.querySelector<HTMLElement>(".chat-tool-card__action-btn");
expect(openSidebarButton).not.toBeNull();
openSidebarButton?.dispatchEvent(new MouseEvent("click", { bubbles: true }));
await flushTasks();
const strongNodes = Array.from(container.querySelectorAll(".sidebar-markdown strong"));
expect(strongNodes.some((node) => node.textContent === "world")).toBe(true);
});
it("lets a tool call collapse while keeping matching tool output visible", async () => {
const container = document.createElement("div");