@crossed/ui
Version:
A universal & performant styling library for React Native, Next.js & React
45 lines (44 loc) • 1.89 kB
JavaScript
import { jsx } from "react/jsx-runtime";
import { render } from "@crossed/test";
import { VisibilityHidden } from "../VisibilityHidden.web";
import { createStyles } from "@crossed/styled";
const hiddenClass = "position-[absolute] text-decoration-[none] z-index-[0] overflow-[hidden] clip-[rect(0,-0,-0,-0)] white-space-[nowrap] word-wrap-[normal]";
describe("VisibilityHidden", () => {
test("rend le composant avec les styles par d\xE9faut", () => {
const { getByTestId } = render(
/* @__PURE__ */ jsx(VisibilityHidden, { testID: "hidden-component" })
);
const element = getByTestId("hidden-component");
expect(element).not.toHaveClass(...hiddenClass.split(" "));
});
test("ajoute la prop aria-hidden correctement", () => {
const { getByTestId } = render(
/* @__PURE__ */ jsx(VisibilityHidden, { testID: "hidden-component", hide: true })
);
const element = getByTestId("hidden-component");
expect(element).toHaveAttribute("aria-hidden", "true");
expect(element).toHaveClass(...hiddenClass.split(" "));
});
test("merge les styles pass\xE9s via props", () => {
const { customStyle } = createStyles(() => ({
customStyle: {
base: {
backgroundColor: "red"
}
}
}));
const { getByTestId } = render(
/* @__PURE__ */ jsx(VisibilityHidden, { testID: "hidden-component", style: customStyle })
);
const element = getByTestId("hidden-component");
expect(element).toHaveClass("background-color-[red]");
});
test("rend le composant avec des props additionnelles", () => {
const { getByTestId } = render(
/* @__PURE__ */ jsx(VisibilityHidden, { testID: "hidden-component", id: "test-id" })
);
const element = getByTestId("hidden-component");
expect(element).toHaveAttribute("id", "test-id");
});
});
//# sourceMappingURL=VisibilityHidden.spec.js.map