123 lines
3.7 KiB
TypeScript
123 lines
3.7 KiB
TypeScript
/* 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();
|
|
});
|
|
});
|
|
});
|
|
});
|