Add bundled bus fonts and shared font favorites

2026-10-12 15:00:40 +08:00
parent c9dd03c23b
commit 4be74a34f9
181 changed files with 2078575 additions and 76 deletions
@@ -0,0 +1,79 @@
+// Caller supplies an isolated browser context. No display/apply operation is performed.
+import assert from "node:assert/strict";
+
+export async function checkFontFavoritesBrowser(page, baseUrl, fontId = "default") {
+  const errors = [];
+  const onError = error => errors.push(error.message);
+  page.on("pageerror", onError);
+  const catalog = await (await page.request.get(`${baseUrl}/api/fonts`)).json();
+  const originallyFavorite = catalog.favorite_ids.includes(fontId);
+  const item = catalog.items.find(item => item.id === fontId);
+  assert.ok(item);
+  const update = favorite => page.request.put(`${baseUrl}/api/fonts/favorite`, { data: { id: fontId, favorite } });
+  const rows = () => page.locator(".font-option-row").filter({ has: page.locator(`[data-font-id="${fontId}"]`) });
+  const draft = () => page.evaluate(async () => JSON.stringify((await import("/static/scene-board.js")).getScene()));
+  try {
+    await update(false);
+    await page.goto(`${baseUrl}/#canvas`);
+    await page.locator("#new-text-layer").click();
+    await page.locator("#create-text").click();
+    const input = page.locator("#text-font");
+    await input.click();
+    assert.equal(await page.locator(".font-option-group").first().textContent(), "收藏字体");
+    const before = await draft();
+    const selected = await input.inputValue();
+    await rows().locator("button").first().click();
+    await page.waitForFunction(id => document.querySelectorAll(`[data-font-id="${id}"]`).length === 2, fontId);
+    assert.equal(await rows().locator('[aria-pressed="true"]').count(), 2);
+    assert.equal(await draft(), before);
+    assert.equal(await input.inputValue(), selected);
+    const ids = await page.locator('[role="option"]').evaluateAll(options => options.map(option => option.id));
+    assert.equal(new Set(ids).size, ids.length);
+    await rows().locator("button").first().click();
+    await page.locator(".font-favorite-dialog button").first().click();
+    assert.equal(await rows().count(), 2);
+    await rows().locator("button").first().click();
+    await page.keyboard.press("Escape");
+    assert.equal(await rows().count(), 2);
+    await input.fill(item.family);
+    assert.equal(await rows().count(), 2);
+    await input.press("Home");
+    await input.press("ArrowDown");
+    const active = await input.getAttribute("aria-activedescendant");
+    assert.equal(await page.locator(`[id="${active}"]`).count(), 1);
+    await input.press("End");
+    await input.press("Escape");
+    await input.click();
+    await input.press("Tab");
+    assert.equal(await page.locator(".font-favorite-button:focus").count(), 1);
+    await page.keyboard.press("Enter");
+    await page.locator(".font-favorite-dialog button").last().click();
+    await page.waitForFunction(id => document.querySelectorAll(`[data-font-id="${id}"]`).length === 1, fontId);
+    assert.equal(await draft(), before);
+    // A failed save keeps both catalog and UI unchanged.
+    await page.route("**/api/fonts/favorite", route => route.fulfill({ status: 500, contentType: "application/json", body: '{"detail":"injected failure"}' }));
+    await rows().locator("button").click();
+    await page.locator("#font-feedback[data-state=error]").waitFor();
+    assert.equal(await rows().count(), 1);
+    assert.equal(await rows().locator('[aria-pressed="false"]').count(), 1);
+    await page.unroute("**/api/fonts/favorite");
+    // Another browser changes the shared record; reopening reads it.
+    await input.press("Escape");
+    const other = await page.context().browser().newContext();
+    try {
+      const response = await other.request.put(`${baseUrl}/api/fonts/favorite`, { data: { id: fontId, favorite: true } });
+      assert.equal(response.status(), 200);
+    } finally { await other.close(); }
+    await input.click();
+    await page.waitForFunction(id => document.querySelectorAll(`[data-font-id="${id}"]`).length === 2, fontId);
+    assert.equal(await draft(), before);
+    const bounds = await page.locator("#text-font-options").boundingBox();
+    assert.ok(bounds.x >= 0 && bounds.x + bounds.width <= page.viewportSize().width + 1);
+    assert.deepEqual(errors, []);
+    return { passed: true, width: page.viewportSize().width, duplicateOptions: true, sceneUnchanged: true, errors };
+  } finally {
+    await page.unroute("**/api/fonts/favorite");
+    await update(originallyFavorite);
+    page.off("pageerror", onError);
+  }
+}