mirror of
https://github.com/DayuanJiang/next-ai-draw-io.git
synced 2026-10-09 19:19:50 +08:00
dayuan.jiang
c0fa997186
Chats: - New Chat right after an answer saves that chat once. Saves run one at a time and read the chat on screen when their turn comes; a save scheduled for a chat that is no longer on screen is dropped. A chat whose id was still on its way to the URL no longer comes back after New Chat (the next answer went into it). - Crossing the 768 px breakpoint keeps the chat panel: a streaming answer, unsaved messages and attachments stay. The panel gets the sizes of each side, and a panel collapsed on desktop opens on mobile. - The chat's export waits for its own reply: an edit's history export still on its way no longer answers it with the older diagram, and two file saves at once no longer swap results. - A second edit in one answer is previewed on the first edit's result. - Stop also ends a running screenshot check; a chat that cannot be saved (storage full) can be left with "Continue without saving". - Small diagrams with shapes count as diagrams; the tool card no longer crashes on malformed operations. Quota and providers: - Requests that reach the server's own endpoints count toward the quota: EdgeOne (always its own endpoint now), a private base URL whatever key header is sent, keyless Ollama without a URL. With the quota on, a redirect is followed only to a public address. The output cap applies to these requests too. - Stop records the tokens of the steps that finished; the screenshot check counts its tokens without counting a request. - EdgeOne configured only by AI_PROVIDER works, also in the admin Test, which forwards the access code. Azure set up only in the admin panel works in chat. The Test sends a Bedrock session token. - The admin panel's Test of an entry without a URL uses the server's URL as the server does (no private address check for it); the admin panel no longer writes an Ollama URL. MCP server: - Write tools and start_session run one at a time, so two at once never drop each other's change; a cancelled call waiting its turn is skipped. get_diagram and export_diagram keep the session they started with. - Export to .drawio first gets the user's latest edits from the browser. - History thumbnails: one that arrives after the next AI write is dropped; a sync reply keeps the image; a version that changed only page settings is its own entry. - A diagram over the 10 MB limit is saved without its image, or the user is told to download it (the server now answers 413 instead of cutting the connection). - Labels holding text like id='1' or parent='1' are no longer read as attributes (a layer or a parent was deleted). A broken bare <mxGraphModel> file is refused. - After a sync reply the tab no longer sends its autosave copy again. Desktop and files: - A newer switch of the same preset is not rolled back by an older one that failed. .env values with escaped quotes are read whole. - MCP saved files: a file that could not be read stays protected while a folder without permission hides it, and is saved again once deleted. - The desktop app reports "no chats" only when the count was read and no model settings are stored.
108 lines
4.1 KiB
TypeScript
108 lines
4.1 KiB
TypeScript
import {
|
|
expect,
|
|
getChatInput,
|
|
getIframe,
|
|
sendMessage,
|
|
test,
|
|
} from "./lib/fixtures"
|
|
|
|
test.describe("Chat Panel", () => {
|
|
test.beforeEach(async ({ page }) => {
|
|
await page.goto("/", { waitUntil: "networkidle" })
|
|
await getIframe(page).waitFor({ state: "visible", timeout: 30000 })
|
|
})
|
|
|
|
test("page has interactive elements", async ({ page }) => {
|
|
const buttons = page.locator("button")
|
|
const count = await buttons.count()
|
|
expect(count).toBeGreaterThan(0)
|
|
})
|
|
|
|
test("draw.io iframe is interactive", async ({ page }) => {
|
|
const iframe = getIframe(page)
|
|
await expect(iframe).toBeVisible()
|
|
|
|
const src = await iframe.getAttribute("src")
|
|
expect(src).toBeTruthy()
|
|
})
|
|
})
|
|
|
|
test.describe("Crossing the mobile breakpoint", () => {
|
|
test.beforeEach(async ({ page }) => {
|
|
// A text answer that arrives in parts over a few seconds
|
|
await page.addInitScript(() => {
|
|
const realFetch = window.fetch
|
|
window.fetch = async (input, init) => {
|
|
const url = input instanceof Request ? input.url : String(input)
|
|
if (!url.endsWith("/api/chat")) return realFetch(input, init)
|
|
const events = [
|
|
{ type: "start" },
|
|
{ type: "text-start", id: "t" },
|
|
{ type: "text-delta", id: "t", delta: "Once upon" },
|
|
{ type: "text-delta", id: "t", delta: " a time." },
|
|
{ type: "text-end", id: "t" },
|
|
{ type: "finish" },
|
|
]
|
|
const body = new ReadableStream({
|
|
async start(controller) {
|
|
for (const event of events) {
|
|
controller.enqueue(
|
|
new TextEncoder().encode(
|
|
`data: ${JSON.stringify(event)}\n\n`,
|
|
),
|
|
)
|
|
await new Promise((r) => setTimeout(r, 1500))
|
|
}
|
|
controller.enqueue(
|
|
new TextEncoder().encode("data: [DONE]\n\n"),
|
|
)
|
|
controller.close()
|
|
},
|
|
})
|
|
return new Response(body, {
|
|
headers: { "content-type": "text/event-stream" },
|
|
})
|
|
}
|
|
})
|
|
await page.setViewportSize({ width: 1280, height: 800 })
|
|
await page.goto("/", { waitUntil: "networkidle" })
|
|
await getIframe(page).waitFor({ state: "visible", timeout: 30000 })
|
|
})
|
|
|
|
test("keeps the chat and its streaming answer", async ({ page }) => {
|
|
const chat = page.locator('[data-panel-id="chat-panel"]')
|
|
await sendMessage(page, "Tell me a story")
|
|
await expect(page.getByText("Once upon")).toBeVisible({
|
|
timeout: 10000,
|
|
})
|
|
|
|
await page.setViewportSize({ width: 600, height: 900 })
|
|
await expect(page.getByText("Tell me a story")).toBeVisible()
|
|
// Half the height on mobile
|
|
await expect
|
|
.poll(async () => (await chat.boundingBox())?.height ?? 0)
|
|
.toBeCloseTo(450, -1)
|
|
|
|
await page.setViewportSize({ width: 1280, height: 800 })
|
|
// A third of the width on desktop
|
|
await expect
|
|
.poll(async () => (await chat.boundingBox())?.width ?? 0)
|
|
.toBeCloseTo(1280 / 3, -1)
|
|
await expect(page.getByText("Once upon a time.")).toBeVisible({
|
|
timeout: 10000,
|
|
})
|
|
await expect(page.getByText("Tell me a story")).toBeVisible()
|
|
})
|
|
|
|
test("opens a chat collapsed on desktop", async ({ page }) => {
|
|
await page.locator("button:has(svg.lucide-panel-right-close)").click()
|
|
await expect(getChatInput(page)).toBeHidden()
|
|
|
|
await page.setViewportSize({ width: 600, height: 900 })
|
|
await expect(getChatInput(page)).toBeVisible()
|
|
|
|
await page.setViewportSize({ width: 1280, height: 800 })
|
|
await expect(getChatInput(page)).toBeVisible()
|
|
})
|
|
})
|