@pismo/marola 0.0.1-alpha.16 → 0.0.1-alpha.17

package/dist/components/Typography/typography.test.js

@@ -1,234 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { r as c, s as p, c as i } from "../../react.esm-DGd9_oKA.js";
-import "../Chip/Chip.js";
-import "../Button/Button.js";
-import "react";
-import "../Dialog/Backdrop.js";
-import { Typography as d } from "./Typography.js";
-import "../IconButton/IconButton.js";
-import "../Select/Select.js";
-import "../Table/Table.js";
-import "../Tabs/Tabs.js";
-import { assertClassesApplied as h } from "../../test-utils/assertStyles.js";
-import { d as a, a as m, i as n, g as u } from "../../vi.Y_w82WR8-XVYrIxgm.js";
-a("Typography", () => {
-  m(() => {
-    i();
-  });
-  const t = ({
-    expectedTag: o,
-    expectedClasses: s,
-    component: l
-  }) => {
-    c(l);
-    const r = p.getByText("test");
-    u(r.tagName).toBe(o), h(s, r);
-  };
-  n("should render default style and element if no props", () => {
-    t({
-      expectedTag: "SPAN",
-      expectedClasses: ["body"],
-      component: /* @__PURE__ */ e(d, { children: "test" })
-    });
-  }), a("elements", () => {
-    n("should render as a h1", () => {
-      t({
-        expectedTag: "H1",
-        expectedClasses: ["h1"],
-        component: /* @__PURE__ */ e(d, { element: "h1", children: "test" })
-      });
-    }), n("should render as a h2", () => {
-      t({
-        expectedTag: "H2",
-        expectedClasses: ["h2"],
-        component: /* @__PURE__ */ e(d, { element: "h2", children: "test" })
-      });
-    }), n("should render as a h3", () => {
-      t({
-        expectedTag: "H3",
-        expectedClasses: ["h3"],
-        component: /* @__PURE__ */ e(d, { element: "h3", children: "test" })
-      });
-    }), n("should render as a h4", () => {
-      t({
-        expectedTag: "H4",
-        expectedClasses: ["h4"],
-        component: /* @__PURE__ */ e(d, { element: "h4", children: "test" })
-      });
-    }), n("should render as a h5 but with h4 styling", () => {
-      t({
-        expectedTag: "H5",
-        expectedClasses: ["h4"],
-        component: /* @__PURE__ */ e(d, { element: "h5", children: "test" })
-      });
-    }), n("should render as a h6 but with h4 styling", () => {
-      t({
-        expectedTag: "H6",
-        expectedClasses: ["h4"],
-        component: /* @__PURE__ */ e(d, { element: "h6", children: "test" })
-      });
-    }), n("should render as a p and default styling", () => {
-      t({
-        expectedTag: "P",
-        expectedClasses: ["body"],
-        component: /* @__PURE__ */ e(d, { element: "p", children: "test" })
-      });
-    }), n("should render as a p and default styling", () => {
-      t({
-        expectedTag: "P",
-        expectedClasses: ["body"],
-        component: /* @__PURE__ */ e(d, { element: "p", children: "test" })
-      });
-    }), n("should render element td and assume variant table-body", () => {
-      t({
-        expectedTag: "TD",
-        expectedClasses: ["table__body"],
-        component: /* @__PURE__ */ e("table", { children: /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e(d, { element: "td", children: "test" }) }) }) })
-      });
-    }), n("should render element th and assume variant table-header", () => {
-      t({
-        expectedTag: "TH",
-        expectedClasses: ["table__header"],
-        component: /* @__PURE__ */ e("table", { children: /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e(d, { element: "th", children: "test" }) }) }) })
-      });
-    });
-  }), a("variants", () => {
-    n("should render variant body-large", () => {
-      t({
-        expectedTag: "SPAN",
-        expectedClasses: ["body", "body--large"],
-        component: /* @__PURE__ */ e(d, { variant: "body-large", children: "test" })
-      });
-    }), n("should render variant body-medium", () => {
-      t({
-        expectedTag: "SPAN",
-        expectedClasses: ["body", "body--medium"],
-        component: /* @__PURE__ */ e(d, { variant: "body-medium", children: "test" })
-      });
-    }), n("should render variant body", () => {
-      t({
-        expectedTag: "SPAN",
-        expectedClasses: ["body", "body--medium"],
-        component: /* @__PURE__ */ e(d, { variant: "body-medium", children: "test" })
-      });
-    }), n("should render variant body-small", () => {
-      t({
-        expectedTag: "SPAN",
-        expectedClasses: ["body", "body--small"],
-        component: /* @__PURE__ */ e(d, { variant: "body-small", children: "test" })
-      });
-    }), n("should render variant body-tiny", () => {
-      t({
-        expectedTag: "SPAN",
-        expectedClasses: ["body", "body--tiny"],
-        component: /* @__PURE__ */ e(d, { variant: "body-tiny", children: "test" })
-      });
-    }), n("should render variant quote", () => {
-      t({
-        expectedTag: "SPAN",
-        expectedClasses: ["quote"],
-        component: /* @__PURE__ */ e(d, { variant: "quote", children: "test" })
-      });
-    }), n("should render variant quote large", () => {
-      t({
-        expectedTag: "SPAN",
-        expectedClasses: ["quote", "quote--large"],
-        component: /* @__PURE__ */ e(d, { variant: "quote-large", children: "test" })
-      });
-    }), n("should render variant form input", () => {
-      t({
-        expectedTag: "SPAN",
-        expectedClasses: ["form__input"],
-        component: /* @__PURE__ */ e(d, { variant: "form-input", children: "test" })
-      });
-    }), n("should render variant form label", () => {
-      t({
-        expectedTag: "SPAN",
-        expectedClasses: ["form__label"],
-        component: /* @__PURE__ */ e(d, { variant: "form-label", children: "test" })
-      });
-    }), n("should render variant form hint", () => {
-      t({
-        expectedTag: "SPAN",
-        expectedClasses: ["form__hint"],
-        component: /* @__PURE__ */ e(d, { variant: "form-hint", children: "test" })
-      });
-    }), n("should render variant form dropdown", () => {
-      t({
-        expectedTag: "SPAN",
-        expectedClasses: ["form__dropdown"],
-        component: /* @__PURE__ */ e(d, { variant: "form-dropdown", children: "test" })
-      });
-    }), n("should render variant table header", () => {
-      t({
-        expectedTag: "SPAN",
-        expectedClasses: ["table__header"],
-        component: /* @__PURE__ */ e(d, { variant: "table-header", children: "test" })
-      });
-    }), n("should render variant table body", () => {
-      t({
-        expectedTag: "SPAN",
-        expectedClasses: ["table__body"],
-        component: /* @__PURE__ */ e(d, { variant: "table-body", children: "test" })
-      });
-    }), n("should render variant table body secondary", () => {
-      t({
-        expectedTag: "SPAN",
-        expectedClasses: ["table__body", "table__body--secondary"],
-        component: /* @__PURE__ */ e(d, { variant: "table-body-secondary", children: "test" })
-      });
-    }), n("should render variant button", () => {
-      t({
-        expectedTag: "SPAN",
-        expectedClasses: ["button"],
-        component: /* @__PURE__ */ e(d, { variant: "button", children: "test" })
-      });
-    }), n("should render variant link (has no CSS)", () => {
-      t({
-        expectedTag: "SPAN",
-        expectedClasses: null,
-        component: /* @__PURE__ */ e(d, { variant: "link", children: "test" })
-      });
-    });
-  }), a("elements with variants", () => {
-    n("should render variant h4 even with element h1", () => {
-      t({
-        expectedTag: "H1",
-        expectedClasses: ["h4"],
-        component: /* @__PURE__ */ e(d, { variant: "h4", element: "h1", children: "test" })
-      });
-    });
-  }), a("modifiers", () => {
-    n("should apply bold", () => {
-      t({
-        expectedTag: "SPAN",
-        expectedClasses: ["body", "body--bold"],
-        component: /* @__PURE__ */ e(d, { bold: !0, children: "test" })
-      });
-    }), n("should apply underline", () => {
-      t({
-        expectedTag: "SPAN",
-        expectedClasses: ["body", "body--underlined"],
-        component: /* @__PURE__ */ e(d, { underline: !0, children: "test" })
-      });
-    }), n("should apply strikethrough", () => {
-      t({
-        expectedTag: "SPAN",
-        expectedClasses: ["body", "body--strikethrough"],
-        component: /* @__PURE__ */ e(d, { strikethrough: !0, children: "test" })
-      });
-    }), n("should apply all strikethrough, bold and underline", () => {
-      t({
-        expectedTag: "SPAN",
-        expectedClasses: ["body", "body--strikethrough", "body--bold", "body--underlined"],
-        component: /* @__PURE__ */ e(d, { bold: !0, underline: !0, strikethrough: !0, children: "test" })
-      });
-    }), n("should apply all modifiers to variants that support it (body) even if element is specified", () => {
-      t({
-        expectedTag: "P",
-        expectedClasses: ["body", "body--large", "body--strikethrough", "body--bold", "body--underlined"],
-        component: /* @__PURE__ */ e(d, { variant: "body-large", element: "p", bold: !0, underline: !0, strikethrough: !0, children: "test" })
-      });
-    });
-  });
-});