103 lines
2.7 KiB
TypeScript
103 lines
2.7 KiB
TypeScript
import { render } from "@testing-library/react";
|
|
import { describe, expect, it, vi } from "vitest";
|
|
|
|
import { getOrgFullOrigin } from "@calcom/ee/organizations/lib/orgDomains";
|
|
import { useRouterQuery } from "@calcom/lib/hooks/useRouterQuery";
|
|
import { HeadSeo } from "@calcom/ui";
|
|
|
|
import UserPage from "./users-public-view";
|
|
|
|
function mockedUserPageComponentProps(props: Partial<React.ComponentProps<typeof UserPage>>) {
|
|
return {
|
|
trpcState: {
|
|
mutations: [],
|
|
queries: [],
|
|
},
|
|
themeBasis: "dark",
|
|
safeBio: "My Bio",
|
|
profile: {
|
|
name: "John Doe",
|
|
image: "john-profile-url",
|
|
theme: "dark",
|
|
brandColor: "red",
|
|
darkBrandColor: "black",
|
|
organization: { requestedSlug: "slug", slug: "slug", id: 1 },
|
|
allowSEOIndexing: true,
|
|
username: "john",
|
|
},
|
|
users: [
|
|
{
|
|
name: "John Doe",
|
|
username: "john",
|
|
avatarUrl: "john-user-url",
|
|
bio: "",
|
|
verified: false,
|
|
profile: {
|
|
upId: "1",
|
|
id: 1,
|
|
username: "john",
|
|
organizationId: null,
|
|
organization: null,
|
|
},
|
|
},
|
|
],
|
|
markdownStrippedBio: "My Bio",
|
|
entity: {
|
|
considerUnpublished: false,
|
|
...(props.entity ?? null),
|
|
},
|
|
eventTypes: [],
|
|
} satisfies React.ComponentProps<typeof UserPage>;
|
|
}
|
|
|
|
describe("UserPage Component", () => {
|
|
it("should render HeadSeo with correct props", () => {
|
|
const mockData = {
|
|
props: mockedUserPageComponentProps({
|
|
entity: {
|
|
considerUnpublished: false,
|
|
orgSlug: "org1",
|
|
},
|
|
}),
|
|
};
|
|
|
|
vi.mocked(getOrgFullOrigin).mockImplementation((orgSlug: string | null) => {
|
|
return `${orgSlug}.cal.local`;
|
|
});
|
|
|
|
vi.mocked(useRouterQuery).mockReturnValue({
|
|
uid: "uid",
|
|
});
|
|
|
|
render(<UserPage {...mockData.props} />);
|
|
|
|
const expectedDescription = mockData.props.markdownStrippedBio;
|
|
const expectedTitle = expectedDescription;
|
|
expect(HeadSeo).toHaveBeenCalledWith(
|
|
{
|
|
origin: `${mockData.props.entity.orgSlug}.cal.local`,
|
|
title: `${mockData.props.profile.name}`,
|
|
description: expectedDescription,
|
|
meeting: {
|
|
profile: {
|
|
name: mockData.props.profile.name,
|
|
image: mockData.props.users[0].avatarUrl,
|
|
},
|
|
title: expectedTitle,
|
|
users: [
|
|
{
|
|
name: mockData.props.users[0].name,
|
|
username: mockData.props.users[0].username,
|
|
},
|
|
],
|
|
},
|
|
nextSeoProps: {
|
|
nofollow: !mockData.props.profile.allowSEOIndexing,
|
|
noindex: !mockData.props.profile.allowSEOIndexing,
|
|
},
|
|
},
|
|
{}
|
|
);
|
|
});
|
|
});
|