cal.pub0.org/packages/ui/components/top-banner/topBanner.test.tsx

46 lines
1.4 KiB
TypeScript

import { render, screen } from "@testing-library/react";
import { ArrowDown } from "@calcom/ui/components/icon";
import { TopBanner } from "./TopBanner";
describe("Tests for TopBanner component", () => {
test("Should render the component properly", () => {
render(<TopBanner text="the banner test" />);
const bannerElt = screen.getByTestId("banner");
expect(bannerElt).toBeInTheDocument();
const btnElt = screen.queryByRole("button");
expect(btnElt).toBeNull();
});
test("Should render actions", () => {
render(<TopBanner text="the banner test" actions={<div>cta</div>} />);
const ctaElt = screen.getByText("cta");
expect(ctaElt).toBeInTheDocument();
});
test("Should render the default variant", () => {
render(<TopBanner text="the banner test" Icon={ArrowDown} />);
const variant = screen.getByTestId("variant-default");
expect(variant).toBeInTheDocument();
});
test("Should render the alert variant", () => {
render(<TopBanner text="the banner test" variant="error" />);
const variant = screen.getByTestId("variant-error");
expect(variant).toBeInTheDocument();
});
test("Should render the warning variant", () => {
render(<TopBanner text="the banner test" variant="warning" />);
const variant = screen.getByTestId("variant-warning");
expect(variant).toBeInTheDocument();
});
});