46 lines
1.4 KiB
TypeScript
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();
|
|
});
|
|
});
|