fix(webui): sync file edit display preference

2026-07-09 10:42:43 +08:00
parent 7768672c5b
commit 6851a6ebd4
4 changed files with 69 additions and 7 deletions
@@ -0,0 +1,37 @@
+import { act, render, screen, waitFor } from "@testing-library/react";
+import { afterEach, describe, expect, it } from "vitest";
+
+import { useFileEditDisplayMode } from "@/hooks/useFileEditDisplayMode";
+import {
+  DEFAULT_LOCAL_PREFS,
+  LOCAL_PREFS_STORAGE_KEY,
+  writeLocalPreferences,
+} from "@/lib/local-preferences";
+
+function DisplayModeProbe() {
+  const mode = useFileEditDisplayMode();
+  return <div data-testid="mode">{mode}</div>;
+}
+
+describe("useFileEditDisplayMode", () => {
+  afterEach(() => {
+    localStorage.removeItem(LOCAL_PREFS_STORAGE_KEY);
+  });
+
+  it("updates when local preferences change in the same document", async () => {
+    render(<DisplayModeProbe />);
+
+    expect(screen.getByTestId("mode")).toHaveTextContent("summary");
+
+    act(() => {
+      writeLocalPreferences({
+        ...DEFAULT_LOCAL_PREFS,
+        fileEditDisplayMode: "diff",
+      });
+    });
+
+    await waitFor(() => {
+      expect(screen.getByTestId("mode")).toHaveTextContent("diff");
+    });
+  });
+});