@gogitcms/editor 0.23.0

package/app/vendor/design-system/src/__tests__/Button.test.tsx

@@ -0,0 +1,45 @@
+import React from "react";
+import { render, fireEvent, screen } from "@testing-library/react";
+import { ThemeProvider } from "../ThemeProvider";
+import { Button } from "../components/Button";
+import { Badge } from "../components/primitives";
+import { NavRow } from "../components/NavRow";
+import { Icon } from "../components/Icon";
+
+const wrap = (ui: React.ReactElement) => <ThemeProvider>{ui}</ThemeProvider>;
+
+test("Button fires onPress", () => {
+  const onPress = jest.fn();
+  render(wrap(<Button title="Commit" onPress={onPress} testID="commit" />));
+  fireEvent.click(screen.getByTestId("commit"));
+  expect(onPress).toHaveBeenCalledTimes(1);
+});
+
+test("Button does not fire when disabled", () => {
+  const onPress = jest.fn();
+  render(wrap(<Button title="Commit" onPress={onPress} disabled testID="commit" />));
+  fireEvent.click(screen.getByTestId("commit"));
+  expect(onPress).not.toHaveBeenCalled();
+});
+
+test("Badge renders its label", () => {
+  render(wrap(<Badge label="M" tone="strong" testID="status" />));
+  expect(screen.getByTestId("status")).toHaveTextContent("M");
+});
+
+test("NavRow shows label + count and fires onPress", () => {
+  const onPress = jest.fn();
+  render(wrap(<NavRow label="Blog posts" icon="newspaper" count={24} onPress={onPress} testID="row" />));
+  const row = screen.getByTestId("row");
+  expect(row).toHaveTextContent("Blog posts");
+  expect(row).toHaveTextContent("24");
+  fireEvent.click(row);
+  expect(onPress).toHaveBeenCalledTimes(1);
+});
+
+test("Icon (web) renders an svg with paths", () => {
+  const { container } = render(wrap(<Icon name="gitBranch" />));
+  const svg = container.querySelector("svg");
+  expect(svg).toBeTruthy();
+  expect(svg!.querySelectorAll("path").length).toBeGreaterThan(0);
+});

package/app/vendor/design-system/src/__tests__/ChangeRequestSummary.test.tsx

@@ -0,0 +1,57 @@
+import React from "react";
+import { render, screen, fireEvent } from "@testing-library/react";
+import { ThemeProvider } from "../ThemeProvider";
+import { ChangeRequestSummary, type ChangeRequestSummaryData } from "../components/ChangeRequestSummary";
+
+const wrap = (ui: React.ReactElement) => <ThemeProvider>{ui}</ThemeProvider>;
+
+const data: ChangeRequestSummaryData = {
+  id: "cr-1",
+  status: "open",
+  sourceBranch: "draft/spring",
+  targetBranch: "main",
+  prNumber: 42,
+  prUrl: "https://github.com/acme/site/pull/42",
+  explanation: "Updated the pricing table and checkout copy",
+  conflictFiles: ["src/app.go", "package.json"],
+  mergeBranch: "cms-merge/abc123",
+  description: "Opened by the CMS because a content merge conflicts in code files.",
+  comments: [{ author: "dev", body: "On it — resolving now.", createdAt: "2026-07-23T10:00:00Z" }],
+};
+
+test("renders the description, conflicting files, dev instructions and comments", () => {
+  render(wrap(<ChangeRequestSummary data={data} cloneUrl="https://github.com/acme/site.git" />));
+
+  // Status + PR number.
+  expect(screen.getByTestId("cr-status")).toHaveTextContent("open");
+  expect(screen.getByText("#42")).toBeInTheDocument();
+
+  // Explanation + live description.
+  expect(screen.getByText("Updated the pricing table and checkout copy")).toBeInTheDocument();
+  expect(screen.getByText(/content merge conflicts in code files/)).toBeInTheDocument();
+
+  // Conflicting files.
+  expect(screen.getByTestId("cr-file-src/app.go")).toBeInTheDocument();
+  expect(screen.getByTestId("cr-file-package.json")).toBeInTheDocument();
+
+  // Developer instructions reference the merge branch to check out.
+  expect(screen.getByText("git fetch origin main cms-merge/abc123")).toBeInTheDocument();
+  expect(screen.getByText("git checkout cms-merge/abc123")).toBeInTheDocument();
+
+  // Comments.
+  expect(screen.getByText("dev")).toBeInTheDocument();
+  expect(screen.getByText("On it — resolving now.")).toBeInTheDocument();
+});
+
+test("back button fires onBack", () => {
+  const onBack = jest.fn();
+  render(wrap(<ChangeRequestSummary data={data} onBack={onBack} />));
+  fireEvent.click(screen.getByTestId("cr-back"));
+  expect(onBack).toHaveBeenCalledTimes(1);
+});
+
+test("a completed request hides the resolve-it instructions", () => {
+  render(wrap(<ChangeRequestSummary data={{ ...data, status: "completed" }} />));
+  expect(screen.getByTestId("cr-status")).toHaveTextContent("completed");
+  expect(screen.queryByText(/git fetch origin/)).not.toBeInTheDocument();
+});