Carlos Florêncio
114 lines
4.0 KiB
TypeScript
114 lines
4.0 KiB
TypeScript
import { cleanup, fireEvent, render, screen } from "@testing-library/react";
|
|
import { afterEach, describe, expect, it, vi } from "vitest";
|
|
import { RemoteContributionHeaderActions } from "./remote-contribution-header-actions";
|
|
import type { RemoteContributionRelation } from "@/hooks/domains/session/remote-contribution-relation";
|
|
import type { useRemoteContributionResolution } from "./use-remote-contribution-resolution";
|
|
|
|
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, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
|
|
<div {...props}>{children}</div>
|
|
),
|
|
DropdownMenuItem: ({ children, ...props }: React.ButtonHTMLAttributes<HTMLButtonElement>) => (
|
|
<button {...props}>{children}</button>
|
|
),
|
|
DropdownMenuLabel: ({ children }: { children: React.ReactNode }) => <div>{children}</div>,
|
|
DropdownMenuSeparator: () => <hr />,
|
|
DropdownMenuTrigger: ({ children }: { children: React.ReactNode }) => <>{children}</>,
|
|
}));
|
|
|
|
vi.mock("@kandev/ui/tooltip", () => ({
|
|
Tooltip: ({ children }: { children: React.ReactNode }) => <>{children}</>,
|
|
TooltipTrigger: ({ children }: { children: React.ReactNode }) => <>{children}</>,
|
|
TooltipContent: ({ children }: { children: React.ReactNode }) => (
|
|
<div role="tooltip">{children}</div>
|
|
),
|
|
}));
|
|
|
|
vi.mock("@/lib/desktop/external-links", () => ({
|
|
openExternalLink: vi.fn(),
|
|
}));
|
|
|
|
vi.mock("@/components/toast-provider", () => ({
|
|
useToast: () => ({ toast: vi.fn() }),
|
|
}));
|
|
|
|
vi.mock("./remote-contribution-resolution-dialog", () => ({
|
|
RemoteContributionResolutionDialog: () => null,
|
|
}));
|
|
|
|
afterEach(cleanup);
|
|
|
|
const relation: RemoteContributionRelation = {
|
|
kind: "diverged",
|
|
presentation: "separate",
|
|
action: "diverged_replace",
|
|
providerHead: "bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb",
|
|
pushAhead: 0,
|
|
pullBehind: 0,
|
|
canPush: false,
|
|
canPull: false,
|
|
canReplaceRemote: true,
|
|
canUseRemote: true,
|
|
};
|
|
|
|
function makeResolution() {
|
|
return {
|
|
isLoading: false,
|
|
pending: null,
|
|
errorKey: null,
|
|
lastResult: null,
|
|
requestReplace: vi.fn(),
|
|
requestUse: vi.fn(),
|
|
cancel: vi.fn(),
|
|
confirm: vi.fn(),
|
|
} as unknown as ReturnType<typeof useRemoteContributionResolution>;
|
|
}
|
|
|
|
describe("RemoteContributionHeaderActions", () => {
|
|
it("collapses drift choices behind a warning trigger and explains each action", () => {
|
|
const resolution = makeResolution();
|
|
render(
|
|
<RemoteContributionHeaderActions
|
|
relation={relation}
|
|
resolution={resolution}
|
|
resolutionTarget={{
|
|
repo: "",
|
|
repositoryName: "testorg/testrepo",
|
|
expectedRemoteHead: relation.providerHead!,
|
|
}}
|
|
prUrl="https://github.com/testorg/testrepo/pull/901"
|
|
prNumber={901}
|
|
/>,
|
|
);
|
|
|
|
expect(
|
|
screen.getByTestId("header-remote-contribution-warning").getAttribute("aria-label"),
|
|
).toBe("PR branch changed");
|
|
expect(screen.getByTestId("header-replace-pr-branch")).toBeTruthy();
|
|
expect(screen.getByTestId("header-use-pr-version")).toBeTruthy();
|
|
expect(screen.getByTestId("header-view-pr-version").textContent).toContain("PR #901 version");
|
|
expect(
|
|
screen.getByRole("img", { name: /Replace the published PR branch/ }).getAttribute("title"),
|
|
).toBeNull();
|
|
expect(screen.getAllByRole("tooltip").map((tooltip) => tooltip.textContent)).toEqual(
|
|
expect.arrayContaining([
|
|
expect.stringContaining("Replace the published PR branch"),
|
|
expect.stringContaining("Use the current PR version"),
|
|
expect.stringContaining("Open PR #901 version"),
|
|
]),
|
|
);
|
|
|
|
fireEvent.click(screen.getByTestId("header-replace-pr-branch"));
|
|
fireEvent.click(screen.getByTestId("header-use-pr-version"));
|
|
expect(resolution.requestReplace).toHaveBeenCalledOnce();
|
|
expect(resolution.requestUse).toHaveBeenCalledOnce();
|
|
});
|
|
});
|