cal.pub0.org/packages/ui/components/createButton/create-button-with-teams-li...

123 lines
3.7 KiB
TypeScript
Raw Normal View History

/* eslint-disable @typescript-eslint/no-explicit-any */
import { render, screen, fireEvent } from "@testing-library/react";
import { vi } from "vitest";
import type { CreateBtnProps } from "./CreateButton";
import { CreateButtonWithTeamsList } from "./CreateButtonWithTeamsList";
const runtimeMock = async (data: Array<any>) => {
const updatedTrpc = {
viewer: {
teamsAndUserProfilesQuery: {
useQuery() {
return {
data: data,
};
},
},
},
};
const mockedLib = (await import("@calcom/trpc/react")) as any;
mockedLib.trpc = updatedTrpc;
};
const renderCreateButton = (
props: Omit<CreateBtnProps, "options"> & { onlyShowWithTeams?: boolean; onlyShowWithNoTeams?: boolean }
) => {
return render(<CreateButtonWithTeamsList {...props} />);
};
describe("Create Button Tests", () => {
describe("Create Button Tests With Valid Team", () => {
beforeAll(async () => {
await runtimeMock([
{
teamId: 1,
name: "test",
slug: "create-button-test",
image: "image",
},
]);
});
test("Should render the create-button-dropdown button", () => {
const createFunction = vi.fn();
renderCreateButton({ createFunction });
const createButton = screen.getByTestId("create-button-dropdown");
expect(createButton).toBeInTheDocument();
});
});
describe("Create Button Tests With One Null Team", () => {
beforeAll(async () => {
await runtimeMock([
{
teamId: null,
name: "test",
slug: "create-button-test",
image: "image",
readOnly: false,
},
]);
});
test("Should render only the create-button button", () => {
const createFunction = vi.fn();
renderCreateButton({ createFunction });
const createButton = screen.getByTestId("create-button");
expect(screen.queryByTestId("create-button-dropdown")).not.toBeInTheDocument();
expect(createButton).toBeInTheDocument();
fireEvent.click(createButton);
expect(createFunction).toBeCalled();
});
test("Should render nothing when teamsAndUserProfiles is less than 2 and onlyShowWithTeams is true", () => {
renderCreateButton({ onlyShowWithTeams: true });
expect(screen.queryByTestId("create-button")).not.toBeInTheDocument();
expect(screen.queryByTestId("create-button-dropdown")).not.toBeInTheDocument();
});
describe("Create Button Tests With Multiple Null Teams", () => {
beforeAll(async () => {
await runtimeMock([
{
teamId: null,
name: "test",
slug: "create-button-test",
image: "image",
readOnly: false,
},
{
teamId: null,
name: "test2",
slug: "create-button-test2",
image: "image2",
readOnly: false,
},
]);
});
test("Should render only the create-button button", () => {
const createFunction = vi.fn();
renderCreateButton({ createFunction });
const createButton = screen.getByTestId("create-button");
expect(screen.queryByTestId("create-button-dropdown")).not.toBeInTheDocument();
expect(createButton).toBeInTheDocument();
fireEvent.click(createButton);
expect(createFunction).toBeCalled();
});
test("Should render nothing when teamsAndUserProfiles is greater than 1 and onlyShowWithNoTeams is true", () => {
renderCreateButton({ onlyShowWithNoTeams: true });
expect(screen.queryByTestId("create-button")).not.toBeInTheDocument();
expect(screen.queryByTestId("create-button-dropdown")).not.toBeInTheDocument();
});
});
});
});