@plurix/ecom-components 0.0.2-beta.8 → 0.0.2-beta.9

package/dist/packages/Onboarding/test/Bullets.test.js

@@ -0,0 +1,20 @@
+import { jsx as l } from "react/jsx-runtime";
+import { render as s } from "@testing-library/react";
+import "@testing-library/jest-dom";
+import { Bullets as o } from "../components/Bullets.js";
+jest.mock("../constants/tips", () => ({ TIPS_LENGTH: 3 }));
+describe("Bullets component tests", () => {
+  it("renders correctly amount of bullets", () => {
+    const { container: t } = s(/* @__PURE__ */ l(o, { step: 1 })), e = t.querySelectorAll(".bullet");
+    expect(e.length).toBe(3);
+  }), it("should first bullet active if step is 1", () => {
+    const { container: t } = s(/* @__PURE__ */ l(o, { step: 1 })), e = t.querySelector(".bullet");
+    expect(e).toHaveClass("active");
+  }), it("should middle bullet active if step is greater than 1 and less than TIPS_LENGTH", () => {
+    const { container: t } = s(/* @__PURE__ */ l(o, { step: 2 })), e = t.querySelector(".bullet:nth-child(2)");
+    expect(e).toHaveClass("active");
+  }), it("should last bullet active if step is equal than TIPS_LENGTH", () => {
+    const { container: t } = s(/* @__PURE__ */ l(o, { step: 3 })), e = t.querySelector(".bullet:last-child");
+    expect(e).toHaveClass("active");
+  });
+});

package/dist/packages/Onboarding/test/Content.test.js

@@ -0,0 +1,52 @@
+import { jsx as e } from "react/jsx-runtime";
+import { render as s } from "@testing-library/react";
+import "@testing-library/jest-dom";
+import { Content as o } from "../components/Content.js";
+jest.mock("../components/SocialMedia", () => ({
+  SocialMedia: () => /* @__PURE__ */ e("div", { "data-testid": "social media" })
+}));
+jest.mock("../constants/tips", () => ({
+  TIPS_LENGTH: 2,
+  TIPS: [
+    {
+      tip: "tip 1",
+      svg: () => /* @__PURE__ */ e("div", { "data-testid": "svg 1" }),
+      isIllustration: !1
+    },
+    {
+      tip: "tip 2",
+      svg: () => /* @__PURE__ */ e("div", { "data-testid": "svg 2" }),
+      isIllustration: !0
+    }
+  ]
+}));
+const n = jest.fn();
+describe("Content component tests", () => {
+  it("should render nothing if step is invalid", () => {
+    const { container: t } = s(/* @__PURE__ */ e(o, { step: 0, sendEvent: n }));
+    expect(t.firstChild).toBeNull();
+  }), it("should render correctly texts", () => {
+    const { getByTestId: t, getByText: i } = s(
+      /* @__PURE__ */ e(o, { step: 1, sendEvent: n })
+    );
+    expect(t("svg 1")).toBeInTheDocument(), expect(i("1 de 2")).toBeInTheDocument(), expect(i("tip 1")).toBeInTheDocument();
+  }), it("should render correctly illustration message", () => {
+    const { getByText: t } = s(/* @__PURE__ */ e(o, { step: 2, sendEvent: n }));
+    expect(t("Imagem Ilustrativa")).toBeInTheDocument();
+  }), it("should render correctly social media section", () => {
+    const { getByTestId: t } = s(
+      /* @__PURE__ */ e(
+        o,
+        {
+          step: 2,
+          socialMediaLinks: {
+            facebook: "facebook_link",
+            instagram: "instagram_link"
+          },
+          sendEvent: n
+        }
+      )
+    );
+    expect(t("social media")).toBeInTheDocument();
+  });
+});

package/dist/packages/Onboarding/test/Footer.test.js

@@ -0,0 +1,60 @@
+import { jsx as n } from "react/jsx-runtime";
+import { render as c, fireEvent as a } from "@testing-library/react";
+import "@testing-library/jest-dom";
+import { Footer as l } from "../components/Footer.js";
+jest.mock("../constants/tips", () => ({ TIPS_LENGTH: 3 }));
+jest.mock("../components/Bullets", () => ({
+  Bullets: () => /* @__PURE__ */ n("div", { "data-testid": "bullets" })
+}));
+const t = jest.fn(), o = jest.fn();
+describe("Footer component tests", () => {
+  it("renders default UI", () => {
+    const { getByText: e } = c(
+      /* @__PURE__ */ n(
+        l,
+        {
+          step: 1,
+          handleBackStep: t,
+          handleNextStep: o
+        }
+      )
+    );
+    expect(e("Voltar")).toBeInTheDocument(), expect(e("Próximo")).toBeInTheDocument();
+  }), it("renders correctly button text if step is equal than TIPS_LENGTH", () => {
+    const { queryByText: e, getByText: s } = c(
+      /* @__PURE__ */ n(
+        l,
+        {
+          step: 3,
+          handleBackStep: t,
+          handleNextStep: o
+        }
+      )
+    );
+    expect(e("Próximo")).not.toBeInTheDocument(), expect(s("Legal, Entendi")).toBeInTheDocument();
+  }), it("should call handleBackStep on click back button", () => {
+    const { getByText: e } = c(
+      /* @__PURE__ */ n(
+        l,
+        {
+          step: 1,
+          handleBackStep: t,
+          handleNextStep: o
+        }
+      )
+    );
+    a.click(e("Voltar")), expect(t).toHaveBeenCalled();
+  }), it("should call handleNextStep on click confirm button", () => {
+    const { getByText: e } = c(
+      /* @__PURE__ */ n(
+        l,
+        {
+          step: 1,
+          handleBackStep: t,
+          handleNextStep: o
+        }
+      )
+    );
+    a.click(e("Próximo")), expect(o).toHaveBeenCalled();
+  });
+});

package/dist/packages/Onboarding/test/Header.test.js

@@ -0,0 +1,30 @@
+import { jsx as o } from "react/jsx-runtime";
+import { render as c, fireEvent as d } from "@testing-library/react";
+import "@testing-library/jest-dom";
+import { Header as s } from "../components/Header.js";
+const t = jest.fn(), n = jest.fn();
+describe("Header component tests", () => {
+  it("renders correctly UI", () => {
+    const { getByText: e, getByTestId: l } = c(
+      /* @__PURE__ */ o(
+        s,
+        {
+          sendEvent: t,
+          handleCloseAction: n
+        }
+      )
+    );
+    expect(e("Experiência Personalizada")).toBeInTheDocument(), expect(l("close-icon")).toBeInTheDocument();
+  }), it("should call sendEvent and handleCloseAction on click close button", () => {
+    const { getByTestId: e } = c(
+      /* @__PURE__ */ o(
+        s,
+        {
+          sendEvent: t,
+          handleCloseAction: n
+        }
+      )
+    );
+    d.click(e("close-icon")), expect(t).toHaveBeenCalled(), expect(n).toHaveBeenCalled();
+  });
+});

package/dist/packages/Onboarding/test/Onboarding.test.js

@@ -0,0 +1,22 @@
+import { jsx as e } from "react/jsx-runtime";
+import { render as o } from "@testing-library/react";
+import "@testing-library/jest-dom";
+import { Onboarding as n } from "../Onboarding.js";
+jest.mock("../components/Header", () => ({
+  Header: () => /* @__PURE__ */ e("div", { "data-testid": "header" })
+}));
+jest.mock("../components/Content", () => ({
+  Content: () => /* @__PURE__ */ e("div", { "data-testid": "content" })
+}));
+jest.mock("../components/Footer", () => ({
+  Footer: () => /* @__PURE__ */ e("div", { "data-testid": "footer" })
+}));
+const c = jest.fn();
+describe("Onboarding package tests", () => {
+  it("should render sections correctly", () => {
+    const { getByTestId: t } = o(
+      /* @__PURE__ */ e(n, { handleCloseAction: c })
+    );
+    expect(t("header")).toBeInTheDocument(), expect(t("content")).toBeInTheDocument(), expect(t("footer")).toBeInTheDocument();
+  });
+});

package/dist/packages/Onboarding/test/SocialMedia.test.js

@@ -0,0 +1,39 @@
+import { jsx as i } from "react/jsx-runtime";
+import { render as n, fireEvent as c } from "@testing-library/react";
+import "@testing-library/jest-dom";
+import { SocialMedia as t } from "../components/SocialMedia.js";
+const o = jest.fn();
+describe("SocialMedia component tests", () => {
+  it("should render nothing if socialMediaLinks does not exist", () => {
+    const { container: e } = n(/* @__PURE__ */ i(t, { sendEvent: o }));
+    expect(e.firstChild).toBeNull();
+  }), it("should render media section if link exist", () => {
+    const { getByTestId: e } = n(
+      /* @__PURE__ */ i(
+        t,
+        {
+          socialMediaLinks: {
+            facebook: "facebook_link",
+            instagram: "instagram_link"
+          },
+          sendEvent: o
+        }
+      )
+    );
+    expect(e("facebook-icon")).toBeInTheDocument(), expect(e("instagram-icon")).toBeInTheDocument();
+  }), it("should call sendEvent on click social media link", () => {
+    const { getByTestId: e } = n(
+      /* @__PURE__ */ i(
+        t,
+        {
+          socialMediaLinks: {
+            facebook: "facebook_link",
+            instagram: "instagram_link"
+          },
+          sendEvent: o
+        }
+      )
+    );
+    c.click(e("facebook-icon")), expect(o).toHaveBeenCalledWith("facebook");
+  });
+});

package/package.json

@@ -2,7 +2,7 @@
   "name": "@plurix/ecom-components",
   "author": "Plurix",
   "private": false,
-  "version": "0.0.2-beta.8",
+  "version": "0.0.2-beta.9",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -53,6 +53,6 @@
   },
   "dependencies": {
     "@acctglobal/skeleton": "^1.0.0",
-    "axios": "1.3.0"
+    "axios": "^1.5.1"
   }
 }