Carlos Florêncio
111 lines
3.4 KiB
TypeScript
111 lines
3.4 KiB
TypeScript
import { cleanup, render, screen } from "@testing-library/react";
|
|
import type { ReactNode } from "react";
|
|
import { afterEach, describe, expect, it, vi } from "vitest";
|
|
import { PullDropdown } from "./changes-panel-header";
|
|
import { ChangesPanelHeaderOverflowActions } from "./changes-panel-header-actions";
|
|
|
|
vi.mock("@kandev/ui/button", () => ({
|
|
Button: ({ children, ...props }: React.ButtonHTMLAttributes<HTMLButtonElement>) => (
|
|
<button {...props}>{children}</button>
|
|
),
|
|
}));
|
|
|
|
vi.mock("@kandev/ui/dropdown-menu", () => ({
|
|
DropdownMenu: ({ children }: { children: React.ReactNode }) => <div>{children}</div>,
|
|
DropdownMenuContent: ({ children }: { children: React.ReactNode }) => <div>{children}</div>,
|
|
DropdownMenuTrigger: ({ children }: { children: React.ReactNode }) => <>{children}</>,
|
|
DropdownMenuItem: ({ children, ...props }: { children: React.ReactNode }) => (
|
|
<div role="menuitem" {...props}>
|
|
{children}
|
|
</div>
|
|
),
|
|
}));
|
|
|
|
vi.mock("@kandev/ui/tooltip", () => ({
|
|
Tooltip: ({ children }: { children: React.ReactNode }) => <div>{children}</div>,
|
|
TooltipContent: ({ children }: { children: React.ReactNode }) => <div>{children}</div>,
|
|
TooltipTrigger: ({ children }: { children: React.ReactNode }) => <>{children}</>,
|
|
}));
|
|
|
|
vi.mock("./panel-primitives", () => ({
|
|
PanelHeaderBarSplit: ({
|
|
left,
|
|
right,
|
|
overflow,
|
|
}: {
|
|
left?: ReactNode;
|
|
right?: ReactNode;
|
|
overflow?: ReactNode;
|
|
}) => (
|
|
<div>
|
|
{left}
|
|
{right}
|
|
{overflow}
|
|
</div>
|
|
),
|
|
PanelHeaderOverflowMenu: ({ children }: { children: ReactNode }) => <div>{children}</div>,
|
|
}));
|
|
|
|
vi.mock("./changes-panel-per-repo-menu", () => ({
|
|
PerRepoPullMenu: () => null,
|
|
}));
|
|
|
|
afterEach(cleanup);
|
|
|
|
describe("PullDropdown remote safety", () => {
|
|
it("keeps the configured-upstream reason reachable while Pull is disabled", () => {
|
|
render(
|
|
<PullDropdown
|
|
behindCount={0}
|
|
pullDisabled
|
|
pullDisabledReason="Pull requires a configured upstream for this checkout."
|
|
isLoading={false}
|
|
loadingOperation={null}
|
|
repoNames={[""]}
|
|
perRepoStatus={[]}
|
|
onRepoPull={vi.fn()}
|
|
onRepoRebase={vi.fn()}
|
|
onRepoMerge={vi.fn()}
|
|
/>,
|
|
);
|
|
|
|
const pullButton = screen.getByRole("button", { name: /Pull/ });
|
|
expect(pullButton).toHaveProperty("disabled", true);
|
|
expect(pullButton.parentElement?.getAttribute("tabindex")).toBe("0");
|
|
expect(screen.getByText("Pull requires a configured upstream for this checkout.")).toBeTruthy();
|
|
expect(
|
|
screen.queryByText(
|
|
"Current PR history is unavailable. The checkout history is shown without assuming a rewrite.",
|
|
),
|
|
).toBeNull();
|
|
});
|
|
});
|
|
|
|
describe("ChangesPanelHeaderOverflowActions", () => {
|
|
it("does not expose Diff or Review when the Changes panel has no reviewable content", () => {
|
|
render(
|
|
<ChangesPanelHeaderOverflowActions
|
|
showDiffReview={false}
|
|
onOpenDiffAll={vi.fn()}
|
|
onOpenReview={vi.fn()}
|
|
/>,
|
|
);
|
|
|
|
expect(screen.queryByText("Diff")).toBeNull();
|
|
expect(screen.queryByText("Review")).toBeNull();
|
|
});
|
|
|
|
it("keeps Diff and Review available when reviewable content exists", () => {
|
|
render(
|
|
<ChangesPanelHeaderOverflowActions
|
|
showDiffReview
|
|
onOpenDiffAll={vi.fn()}
|
|
onOpenReview={vi.fn()}
|
|
/>,
|
|
);
|
|
|
|
expect(screen.getByText("Diff")).toBeTruthy();
|
|
expect(screen.getByText("Review")).toBeTruthy();
|
|
});
|
|
});
|