@uva-glass/component-library/dist/components/Timeline/Timeline.test.js

React components UvA

import { jsx as o } from "react/jsx-runtime";
import "../../index-dmBn99rF.js";
import { r as n, s as e, f as i } from "../../react.esm-DI5ilWeT.js";
import { MOCK_TIMELINE_ITEM as r } from "./mockTimelineItem.js";
import "react";
import "../Buttons/Button.js";
import "../Buttons/LinkButton.js";
import "@react-aria/button";
import "../Checkbox/Checkbox.js";
import "@react-aria/dialog";
import "@react-aria/focus";
import "@react-aria/overlays";
import "../OverlayCloseButton/OverlayCloseButton.js";
import "../GridRow/GridRow.js";
import "../IconButton/IconButton.js";
import "../Input/Input.js";
import "../InputField/InputField.js";
import "react-router";
import "../../TablePlugin-MjKuocl4.js";
import "../RteEditor/Providers/LanguageProvider.js";
import "../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
import "../RteEditor/hooks/components/Flyout.js";
import "../../index-B3c5pcHk.js";
import "../SelectListbox/SelectListbox.js";
import "../SelectListbox/SelectProvider.js";
import "../Sortable/components/SortableItem.js";
import "../../SortableProvider-Ck_XnBVq.js";
import { Timeline as p } from "./Timeline.js";
describe("should render", () => {
  it("should render completed items", () => {
    n(
      /* @__PURE__ */ o(
        p,
        {
          timelineData: r,
          showLabel: "Toon vervolgstappen",
          hideLabel: "Verberg vervolgstappen"
        }
      )
    ), expect(e.getByText("Concept")).toBeInTheDocument(), expect(e.getByText("Vakgegevens afgewezen")).toBeInTheDocument(), expect(e.getByText("Geverifieerd 1 van 3")).toBeInTheDocument(), expect(e.getByText("Concept ingediend")).toBeInTheDocument(), expect(e.getByText("Aangemaakt")).toBeInTheDocument();
  }), it("should switch label when button is clicked", () => {
    n(
      /* @__PURE__ */ o(
        p,
        {
          timelineData: r,
          showLabel: "Toon vervolgstappen",
          hideLabel: "Verberg vervolgstappen"
        }
      )
    );
    const t = e.getByRole("button", { name: "Toon vervolgstappen" });
    expect(t).toBeInTheDocument(), i.click(t), expect(e.getByText("Verberg vervolgstappen")).toBeInTheDocument();
  }), it("should show incomplete tasks if button is clicked", () => {
    n(
      /* @__PURE__ */ o(
        p,
        {
          timelineData: r,
          showLabel: "Toon vervolgstappen",
          hideLabel: "Verberg vervolgstappen"
        }
      )
    );
    const t = e.getByRole("button", { name: "Toon vervolgstappen" });
    expect(t).toBeInTheDocument(), i.click(t), expect(e.getByText("Verberg vervolgstappen")).toBeInTheDocument(), expect(e.getByText("Actief")).toBeInTheDocument();
  }), it("should not show button if there are no incomplete tasks", () => {
    n(
      /* @__PURE__ */ o(
        p,
        {
          timelineData: r.filter(({ completed: t }) => t),
          showLabel: "Toon vervolgstappen",
          hideLabel: "Verberg vervolgstappen"
        }
      )
    ), expect(e.queryByText("Toon vervolgstappen")).not.toBeInTheDocument();
  });
});
//# sourceMappingURL=Timeline.test.js.map