refactor: convert to bun-workspaces monorepo (desktop/ + www/)

- Move the Tauri app (React frontend + Rust backend) into desktop/ via git mv — configs unchanged (relative paths: tauri.conf.json, vite.config.ts) - Root package.json becomes a private bun workspace container with orchestration scripts; desktop package renamed gridline-desktop - Scaffold www/ with Astro 7 + Tailwind v4 (hand-wired vite plugin, static output, ready for Dokploy) - Update release.yml for the new layout: projectPath: desktop, desktop/src-tauri resource paths, rust-cache workspace path - Update README + AGENTS.md structure trees and dev commands - Verified: vitest (1074), cargo test (354), desktop build, tauri dev (window launches), tauri build (dmg + app bundles), Astro build
2026-08-16 19:31:53 +08:00
parent d752642b4d
commit 6854d889c5
400 changed files with 857 additions and 149 deletions
@@ -0,0 +1,122 @@
+import { describe, it, expect, beforeEach, vi } from "vitest";
+import { render, screen, fireEvent } from "@testing-library/react";
+import { DbViewerToolbar } from "./DbViewerToolbar";
+import { useDbViewerStore } from "../../stores/dbViewerStore";
+import { TooltipProvider } from "../ui/Tooltip";
+
+const defaultProps = {
+  databases: [] as string[],
+  currentDatabase: null as string | null,
+  setCurrentDatabase: () => {},
+  schemas: [] as string[],
+  currentSchema: null as string | null,
+  setCurrentSchema: () => {},
+  searchQuery: "",
+  onSearchChange: () => {},
+};
+
+describe("DbViewerToolbar", () => {
+  beforeEach(() => {
+    useDbViewerStore.getState().reset();
+  });
+
+  it("renders Tables label", () => {
+    render(
+      <TooltipProvider>
+        <DbViewerToolbar {...defaultProps} />
+      </TooltipProvider>,
+    );
+    expect(screen.getByText("Tables")).toBeInTheDocument();
+  });
+
+  it("renders database dropdown when multiple databases", () => {
+    render(
+      <TooltipProvider>
+        <DbViewerToolbar
+          {...defaultProps}
+          databases={["mydb", "otherdb"]}
+          currentDatabase="mydb"
+        />
+      </TooltipProvider>,
+    );
+    expect(screen.getByText("mydb")).toBeInTheDocument();
+  });
+
+  it("omits bottom padding when nothing is rendered below the title row", () => {
+    const { container } = render(
+      <TooltipProvider>
+        <DbViewerToolbar {...defaultProps} />
+      </TooltipProvider>,
+    );
+    expect(container.firstElementChild!.className).not.toContain("pb-3");
+  });
+
+  it("keeps bottom padding when selectors are rendered below", () => {
+    const { container } = render(
+      <TooltipProvider>
+        <DbViewerToolbar
+          {...defaultProps}
+          databases={["mydb", "otherdb"]}
+          currentDatabase="mydb"
+        />
+      </TooltipProvider>,
+    );
+    expect(container.firstElementChild!.className).toContain("pb-3");
+  });
+
+  it("keeps bottom padding while the search input is open", () => {
+    const { container } = render(
+      <TooltipProvider>
+        <DbViewerToolbar {...defaultProps} />
+      </TooltipProvider>,
+    );
+    fireEvent.click(screen.getByLabelText(/search tables/i));
+    expect(container.firstElementChild!.className).toContain("pb-3");
+  });
+
+  it("renders refresh and create table buttons", () => {
+    render(
+      <TooltipProvider>
+        <DbViewerToolbar {...defaultProps} />
+      </TooltipProvider>,
+    );
+    expect(screen.getByLabelText(/refresh/i)).toBeInTheDocument();
+    expect(screen.getByLabelText(/create table/i)).toBeInTheDocument();
+  });
+
+  it("opens a create table form tab when Create Table is clicked", () => {
+    const openFormTab = vi.spyOn(useDbViewerStore.getState(), "openFormTab");
+    render(
+      <TooltipProvider>
+        <DbViewerToolbar {...defaultProps} currentSchema="public" />
+      </TooltipProvider>,
+    );
+    fireEvent.click(screen.getByLabelText(/create table/i));
+    expect(openFormTab).toHaveBeenCalledWith(expect.objectContaining({ kind: "table", mode: "create" }));
+  });
+
+  it("shows a disabled schema loading indicator while schema tree is loading", () => {
+    useDbViewerStore.setState({ schemaTreeLoading: true });
+    render(
+      <TooltipProvider>
+        <DbViewerToolbar {...defaultProps} />
+      </TooltipProvider>,
+    );
+    expect(screen.getByLabelText(/select schema/i)).toBeDisabled();
+    expect(screen.getByText(/Loading/i)).toBeInTheDocument();
+  });
+
+  it("renders schema options when not loading and multiple schemas exist", () => {
+    useDbViewerStore.setState({ schemaTreeLoading: false });
+    render(
+      <TooltipProvider>
+        <DbViewerToolbar
+          {...defaultProps}
+          schemas={["public", "app"]}
+          currentSchema="public"
+        />
+      </TooltipProvider>,
+    );
+    expect(screen.getByText("public")).toBeInTheDocument();
+  });
+});