Files
workinf_Blender_Wasm/web/tests/e2e/web-preferences.spec.ts
mes123456 ebf1e8e873 feat(web): add OPFS-backed preferences and editable top-level keymap
Preferences now live in settings/web-interface.json (OPFS canonical,
localStorage mirror/migration) and render as a tabbed React window with
desktop-source annotations for unsupported items. Top-level shortcuts
move to a central registry that supports rebinding, conflict detection
and persistence; F3 and other migrated handlers honor the new keymap.

Co-Authored-By: Claude Code <noreply@anthropic.com>
2026-11-13 09:12:03 +08:00

66 lines
3.7 KiB
TypeScript

import { expect, test } from "@playwright/test";
test.use({ viewport: { width: 1600, height: 900 } });
async function openPreferences(page: import("@playwright/test").Page): Promise<void> {
await page.getByRole("button", { name: "编辑", exact: true }).click();
await page.getByRole("menuitem", { name: "偏好设置", exact: true }).click();
await page.getByTestId("preferences-window").waitFor({ timeout: 30_000 });
}
test("Preferences persist through OPFS and keymap rebinding takes effect", async ({ page }) => {
test.setTimeout(240_000);
await page.goto("/?ui=web");
await page.locator("main.blender-app").waitFor({ timeout: 120_000 });
await openPreferences(page);
await expect(page.getByTestId("preferences-window").getByRole("button", { name: "界面", exact: true })).toHaveClass(/active/);
await expect(page.getByRole("dialog", { name: "Web Blender 偏好设置" }).locator("nav button")).toHaveCount(9);
const statusToggle = page.getByLabel("显示状态栏", { exact: true });
if (await statusToggle.isChecked()) await statusToggle.uncheck();
await page.getByRole("button", { name: "保存偏好", exact: true }).click();
await expect(page.getByTestId("preferences-window").locator("header output")).toContainText("已保存到 OPFS", { timeout: 30_000 });
await page.getByRole("button", { name: "键位", exact: true }).click();
const row = page.locator('tr[data-action="edit.operatorSearch"]');
await row.getByRole("button", { name: "录制", exact: true }).click();
await page.keyboard.press("Shift+F3");
await expect(row.locator("code")).toHaveText("Shift + F3");
await page.getByRole("button", { name: "保存偏好", exact: true }).click();
await page.getByRole("button", { name: "关闭偏好设置", exact: true }).click();
await expect(page.locator("main.blender-app")).toHaveAttribute("data-hide-status", "true");
await page.keyboard.press("F3");
await expect(page.getByLabel("搜索 Blender 操作")).toHaveCount(0);
await page.keyboard.press("Shift+F3");
await expect(page.getByLabel("搜索 Blender 操作")).toBeVisible({ timeout: 30_000 });
await page.keyboard.press("Escape");
await page.reload();
await page.locator("main.blender-app").waitFor({ timeout: 120_000 });
await openPreferences(page);
await expect(page.getByLabel("显示状态栏", { exact: true })).not.toBeChecked();
await page.getByRole("button", { name: "键位", exact: true }).click();
await expect(page.locator('tr[data-action="edit.operatorSearch"] code')).toHaveText("Shift + F3");
const stored = await page.evaluate(async () => {
const root = await navigator.storage.getDirectory();
const directory = await root.getDirectoryHandle("settings");
const file = await (await directory.getFileHandle("web-interface.json")).getFile();
return JSON.parse(await file.text());
});
expect(stored.preferences.keymap.bindings["edit.operatorSearch"]).toBe("Shift+F3");
expect(stored.preferences.interface.showStatus).toBe(false);
});
test("Keymap conflict is rejected and unsupported preference rows are marked", async ({ page }) => {
test.setTimeout(180_000);
await page.goto("/?ui=web");
await page.locator("main.blender-app").waitFor({ timeout: 120_000 });
await openPreferences(page);
await page.getByRole("button", { name: "键位", exact: true }).click();
await page.locator('tr[data-action="edit.undo"]').getByRole("button", { name: "录制", exact: true }).click();
await page.keyboard.press("Control+S");
await expect(page.getByTestId("preferences-window").locator("header output")).toContainText("冲突");
await page.getByRole("button", { name: "视口", exact: true }).click();
await expect(page.locator('.preference-row[data-setting="viewport.gizmoSize"]')).toHaveAttribute("data-unsupported", "true");
});