feat: add tests for BrowserActivityWidget and TimerWidget; update existing tests for consistency

Author: PythonSmall-Q

docs/WIDGET_RUNTIME_REWRITE_IMPLEMENTATION_PLAN.md

@@ -697,13 +697,14 @@ After this plan is reviewed, the next artifact should be a narrow RFC that freez
 | 后端默认权限 | `src-tauri/src/commands/widget_cmd.rs`、`src-tauri/src/widget_registry.rs` | 创建官方组件时按 capability 自动授予默认权限 |
 | Gateway query | `src-tauri/src/widget_gateway/usage_data_broker.rs`、capability_resolver | 新增 `focus` namespace，返回 `active` + `active_session` |
 | SDK 测试 | `src/widgets/sdk/__tests__/WidgetClient.test.ts` | mock gateway 覆盖 query/state/subscribe/consent retry |
+| 官方组件全量测试 | `src/widgets/__tests__/*.test.tsx` | 覆盖 Clock/Todo/Note/Status/GoalProgress/SessionPulse/FocusCoach/Pet/QuickCapture/Timer/BrowserActivity |
 | 权限治理 UX | `src/pages/WidgetCenter/index.tsx` | 权限矩阵支持单个权限撤销，保留「撤销全部」入口 |
 
 ### 验证结果
 
 - `npm run typecheck` ✅
 - `npm run lint` ✅（0 errors，8 pre-existing warnings）
-- `npm run test` ✅（22/22，含 11 个新增 WidgetClient 测试）
+- `npm run test` ✅（56/56，含 11 个 WidgetClient 测试 + 34 个官方组件测试）
 - `cargo check` ✅
 - `cargo test` ✅（38/38）
 
@@ -713,7 +714,7 @@ After this plan is reviewed, the next artifact should be a narrow RFC that freez
 - 旧 widget 的 `widget_permissions` 被 Gateway 视为已授权，保证迁移期兼容。
 - `WidgetClient.fetch` 与 `loadMedia` 为占位实现，会抛出未实现错误。
 - 同意提示目前统一按 `low` 风险等级记录；后续应结合 capability 风险分级自动映射 `low/medium/high`。
-- TimerWidget、QuickCaptureWidget、BrowserActivityWidget 仍使用直接 `tauriApi` 调用，待 Gateway 暴露对应能力后再迁移。
+- TimerWidget、QuickCaptureWidget、BrowserActivityWidget 仍使用直接 `tauriApi` 调用，待 Gateway 暴露对应能力后再迁移；但其渲染与交互已纳入官方组件测试覆盖。
 
 ### 建议下一步
 
@@ -729,6 +730,8 @@ After this plan is reviewed, the next artifact should be a narrow RFC that freez
 
 ## Agent 下一步计划（由当前 Kimi Code agent 制定）
 
+- [x] Phase C 官方组件全量测试流程已落地。
+
 基于 Phase C 已完成，当前建议转向用户此前提到的 v2.2.0 其他需求。优先级最高的未解决项包括：
 
 1. **小组件中心左右栏独立滚动**：当前官方/第三方两栏共用滚动容器，需拆分布局。

src/widgets/__tests__/BrowserActivityWidget.test.tsx

@@ -0,0 +1,40 @@
+import { describe, it, expect, beforeEach } from "vitest";
+import { screen, waitFor } from "@testing-library/react";
+import { mockTauriApi, renderWithProviders, resetWidgetMocks } from "./test-utils";
+import BrowserActivityWidget from "../BrowserActivityWidget";
+
+describe("BrowserActivityWidget", () => {
+  beforeEach(() => {
+    resetWidgetMocks();
+  });
+
+  it("renders disconnected state", async () => {
+    mockTauriApi.getBrowserDomainStats.mockResolvedValue([]);
+    mockTauriApi.getBrowserExtensionStatus.mockResolvedValue({ connected: false });
+    renderWithProviders(<BrowserActivityWidget widgetId="browser-test" />);
+
+    expect(screen.getByText("Browser Activity")).toBeInTheDocument();
+    await waitFor(() => {
+      expect(screen.getByText("Disconnected")).toBeInTheDocument();
+    });
+    await waitFor(() => {
+      expect(screen.getByText("No browser data today")).toBeInTheDocument();
+    });
+  });
+
+  it("renders connected state with domains", async () => {
+    mockTauriApi.getBrowserDomainStats.mockResolvedValue([
+      { host: "example.com", total_seconds: 300, visit_count: 5 },
+    ]);
+    mockTauriApi.getBrowserExtensionStatus.mockResolvedValue({ connected: true, last_browser_name: "Chrome" });
+    renderWithProviders(<BrowserActivityWidget widgetId="browser-test" />);
+
+    await waitFor(() => {
+      expect(screen.getByText("Connected")).toBeInTheDocument();
+    });
+    await waitFor(() => {
+      expect(screen.getByText("example.com")).toBeInTheDocument();
+    });
+    expect(screen.getByText("Chrome")).toBeInTheDocument();
+  });
+});

src/widgets/__tests__/FocusCoachWidget.test.tsx

@@ -21,7 +21,6 @@ describe("FocusCoachWidget", () => {
   });
 
   it("starts a focus session when clicking start", async () => {
-    const today = new Date().toISOString().slice(0, 10);
     mockTauriApi.widgetGatewayRequest.mockResolvedValue(successResponse([]));
     mockTauriApi.startFocusSession.mockResolvedValue(42);
     renderWithProviders(<FocusCoachWidget widgetId="focus-test" />);

src/widgets/__tests__/QuickCaptureWidget.test.tsx

@@ -32,7 +32,7 @@ describe("QuickCaptureWidget", () => {
 
     const textarea = screen.getByPlaceholderText("Add a quick task…");
     await userEvent.type(textarea, "Quick task");
-    await userEvent.click(screen.getByRole("button", { name: "Add Todo" }));
+    await userEvent.click(screen.getByRole("button", { name: "Add todo" }));
 
     await waitFor(() => {
       expect(mockTauriApi.addTodo).toHaveBeenCalledWith("Quick task");

src/widgets/__tests__/StatusWidget.test.tsx

@@ -5,7 +5,6 @@ import {
   mockTauriApi,
   renderWithProviders,
   resetWidgetMocks,
-  mockGatewayState,
   successResponse,
 } from "./test-utils";
 import StatusWidget from "../StatusWidget";

src/widgets/__tests__/TimerWidget.test.tsx

@@ -0,0 +1,40 @@
+import { describe, it, expect, beforeEach } from "vitest";
+import { screen, waitFor } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { renderWithProviders, resetWidgetMocks } from "./test-utils";
+import TimerWidget from "../TimerWidget";
+
+describe("TimerWidget", () => {
+  beforeEach(() => {
+    resetWidgetMocks();
+  });
+
+  it("renders pomodoro mode by default", async () => {
+    renderWithProviders(<TimerWidget widgetId="timer-test" />);
+
+    expect(screen.getByText("Timer")).toBeInTheDocument();
+    expect(screen.getByText("Pomodoro")).toBeInTheDocument();
+    expect(screen.getByText("25:00")).toBeInTheDocument();
+  });
+
+  it("switches to countdown mode", async () => {
+    renderWithProviders(<TimerWidget widgetId="timer-test" />);
+
+    await userEvent.click(screen.getByRole("button", { name: "Countdown" }));
+
+    await waitFor(() => {
+      expect(screen.getByText("Countdown")).toHaveClass("bg-accent-blue");
+    });
+  });
+
+  it("toggles timer running state", async () => {
+    renderWithProviders(<TimerWidget widgetId="timer-test" />);
+
+    const startButton = screen.getByRole("button", { name: "Start" });
+    await userEvent.click(startButton);
+
+    await waitFor(() => {
+      expect(screen.getByRole("button", { name: "Pause" })).toBeInTheDocument();
+    });
+  });
+});

src/widgets/__tests__/test-utils.tsx

@@ -199,8 +199,9 @@ export function mockGatewayState(initialState: Record<string, string | null>) {
     }
     if (request.scope === "state" && request.request_type === "state_write") {
       const key = request.payload?.key;
+      const value = request.payload?.value;
       if (key) {
-        state[key] = request.payload.value ?? null;
+        state[key] = value ?? null;
       }
       return successResponse(null);
     }