@crossed/ui
Version:
A universal & performant styling library for React Native, Next.js & React
45 lines (44 loc) • 2.19 kB
JavaScript
var import_jsx_runtime = require("react/jsx-runtime");
var import_test = require("@crossed/test");
var import_VisibilityHidden = require("../VisibilityHidden.web");
var import_styled = require("@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 } = (0, import_test.render)(
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_VisibilityHidden.VisibilityHidden, { testID: "hidden-component" })
);
const element = getByTestId("hidden-component");
expect(element).not.toHaveClass(...hiddenClass.split(" "));
});
test("ajoute la prop aria-hidden correctement", () => {
const { getByTestId } = (0, import_test.render)(
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_VisibilityHidden.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 } = (0, import_styled.createStyles)(() => ({
customStyle: {
base: {
backgroundColor: "red"
}
}
}));
const { getByTestId } = (0, import_test.render)(
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_VisibilityHidden.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 } = (0, import_test.render)(
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_VisibilityHidden.VisibilityHidden, { testID: "hidden-component", id: "test-id" })
);
const element = getByTestId("hidden-component");
expect(element).toHaveAttribute("id", "test-id");
});
});
//# sourceMappingURL=VisibilityHidden.spec.js.map