@beinformed/ui 1.65.13 → 1.65.14

package/src/hooks/__tests__/useForm.spec.js

@@ -1,300 +0,0 @@
-import configureMockStore from "redux-mock-store";
-import thunk from "redux-thunk";
-import { Provider } from "react-redux";
-import { renderHook } from "@testing-library/react";
-import xhrMock from "xhr-mock";
-import { useLocation } from "react-router";
-
-import {
-  useAttributeSet,
-  useAttributeUpdate,
-  useForm,
-  useFormNavigation,
-} from "../useForm";
-import { FormModel, Href } from "../../models";
-
-import form from "../../models/form/__mock__/form";
-import { HTTP_METHODS } from "../../constants";
-import { IllegalArgumentException } from "../../exceptions";
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock("react-router", () => ({
-  ...jest.requireActual("react-router"), // Keep other methods from react-router as is
-  useLocation: jest.fn(), // Mock useLocation
-}));
-
-const JSON_TYPE = "application/json";
-
-describe("form hooks", () => {
-  // replace the real XHR object with the mock XHR object before each test
-  // eslint-disable-next-line jest/no-hooks
-  beforeEach(() => {
-    useLocation.mockReturnValue({
-      state: null,
-    });
-    xhrMock.setup();
-  });
-
-  // put the real XHR object back and clear the mocks after each test
-  // eslint-disable-next-line jest/no-hooks
-  afterEach(() => xhrMock.teardown());
-
-  it("useForm", async () => {
-    expect.assertions(2);
-
-    xhrMock.post("/BeInformed/form", (req, res) => {
-      expect(req.header("accept")).toBe(JSON_TYPE);
-      expect(req.header("Content-Type")).toBe(JSON_TYPE);
-      expect(req.header("accept-language")).toBe("en");
-      return res.status(200).body({ data: "ok" });
-    });
-
-    const store = mockStore({
-      modularui: {},
-      router: { location: {} },
-      i18n: { locale: "en" },
-    });
-    /**
-     */
-    const wrapper = ({ children }) => (
-      <Provider store={store}>{children}</Provider>
-    );
-
-    const { result } = renderHook(() => useForm("/form"), {
-      wrapper,
-    });
-
-    expect(result.current).toBeUndefined();
-
-    expect(store.getActions()).toStrictEqual([
-      { type: "START_PROGRESS" },
-      {
-        type: "MODULARUI/FETCH",
-        payload: expect.objectContaining({
-          key: "form(/form)(en)",
-          href: new Href("/form?commit=false"),
-          locale: "en",
-          targetModel: FormModel,
-          method: "POST",
-        }),
-      },
-    ]);
-  });
-
-  it("useFormNavigation - submit", () => {
-    const store = mockStore({
-      modularui: {},
-      router: { location: {} },
-      i18n: { locale: "en" },
-    });
-    /**
-     */
-    const wrapper = ({ children }) => (
-      <Provider store={store}>{children}</Provider>
-    );
-
-    const { result } = renderHook(() => useFormNavigation(), { wrapper });
-
-    expect(typeof result.current.previous).toBe("function");
-    expect(typeof result.current.cancel).toBe("function");
-    expect(typeof result.current.submit).toBe("function");
-    expect(typeof result.current.remove).toBe("function");
-    expect(typeof result.current.showFormNotification).toBe("function");
-
-    result.current.submit(form);
-
-    const href = new Href("/persons/persons/createperson");
-    href.method = HTTP_METHODS.POST;
-    href.resourcetype = "Form";
-
-    expect(store.getActions()).toStrictEqual([
-      { type: "START_PROGRESS" },
-      {
-        type: "MODULARUI/FETCH",
-        payload: expect.objectContaining({
-          key: "form(/persons/persons/createperson)(en)",
-          href: href,
-          locale: "en",
-          targetModel: FormModel,
-          data: JSON.stringify({ objects: [] }),
-        }),
-      },
-    ]);
-  });
-
-  it("useFormNavigation - previous", () => {
-    const store = mockStore({
-      modularui: {},
-      router: { location: {} },
-      i18n: { locale: "en" },
-    });
-    /**
-     */
-    const wrapper = ({ children }) => (
-      <Provider store={store}>{children}</Provider>
-    );
-
-    const { result } = renderHook(() => useFormNavigation(), { wrapper });
-
-    result.current.previous(form);
-
-    expect(store.getActions()).toStrictEqual([
-      {
-        type: "MODULARUI/UPDATE_FORM",
-        payload: expect.objectContaining({ _key: "form" }),
-      },
-    ]);
-  });
-
-  it("useFormNavigation - cancel", () => {
-    const store = mockStore({
-      modularui: {},
-      router: { location: {} },
-      i18n: { locale: "en" },
-    });
-    /**
-     */
-    const wrapper = ({ children }) => (
-      <Provider store={store}>{children}</Provider>
-    );
-
-    const { result } = renderHook(() => useFormNavigation(), { wrapper });
-
-    result.current.cancel(form);
-
-    expect(store.getActions()).toStrictEqual([
-      {
-        type: "ROUTER/GOBACK",
-      },
-    ]);
-  });
-
-  it("useFormNavigation - remove", () => {
-    const store = mockStore({
-      modularui: {},
-      router: { location: {} },
-      i18n: { locale: "en" },
-    });
-    /**
-     */
-    const wrapper = ({ children }) => (
-      <Provider store={store}>{children}</Provider>
-    );
-
-    const { result } = renderHook(() => useFormNavigation(), { wrapper });
-
-    result.current.remove(form);
-
-    expect(store.getActions()).toStrictEqual([
-      {
-        type: "MODULARUI/REMOVE_KEY",
-        payload: "form(/persons/persons/createperson)(en)",
-      },
-    ]);
-  });
-
-  it("useFormNavigation - notification", () => {
-    const store = mockStore({
-      modularui: {},
-      router: { location: {} },
-      i18n: { locale: "en" },
-    });
-    /**
-     */
-    const wrapper = ({ children }) => (
-      <Provider store={store}>{children}</Provider>
-    );
-
-    const { result } = renderHook(() => useFormNavigation(), { wrapper });
-
-    result.current.showFormNotification(form);
-
-    expect(store.getActions()).toStrictEqual([
-      {
-        type: "START_PROGRESS",
-      },
-      {
-        type: "SHOW_NOTIFICATION",
-        payload: {
-          error: undefined,
-          message: {
-            id: "Notification.Msg.Generic",
-          },
-          type: "SUCCESS",
-        },
-      },
-      {
-        type: "FINISH_PROGRESS",
-      },
-    ]);
-  });
-
-  it("useAttributeUpdate", () => {
-    const store = mockStore({
-      modularui: {},
-      router: { location: {} },
-      i18n: { locale: "en" },
-    });
-    /**
-     */
-    const wrapper = ({ children }) => (
-      <Provider store={store}>{children}</Provider>
-    );
-
-    const { result } = renderHook(
-      () => useAttributeUpdate(form, form.currentFormObject),
-      { wrapper },
-    );
-
-    expect(typeof result.current).toBe("function");
-
-    const zipCode = form.currentFormObject.getAttributeByKey("Zipcode");
-    result.current(zipCode, "1234AB");
-    expect(store.getActions()).toStrictEqual([
-      expect.objectContaining({
-        type: "MODULARUI/UPDATE_FORM",
-      }),
-    ]);
-  });
-
-  it("useAttributeSet", () => {
-    const store = mockStore({
-      modularui: {},
-      router: { location: {} },
-      i18n: { locale: "en" },
-    });
-    /**
-     */
-    const wrapper = ({ children }) => (
-      <Provider store={store}>{children}</Provider>
-    );
-
-    const { result } = renderHook(() => useAttributeSet(form), { wrapper });
-
-    expect(typeof result.current.save).toBe("function");
-    expect(typeof result.current.cancel).toBe("function");
-    expect(typeof result.current.remove).toBe("function");
-
-    result.current.save();
-
-    expect(store.getActions()).toStrictEqual([
-      expect.objectContaining({ type: "MODULARUI/UPDATE_FORM" }),
-    ]);
-
-    store.clearActions();
-
-    result.current.cancel(form.currentFormObject);
-
-    expect(store.getActions()).toStrictEqual([
-      expect.objectContaining({ type: "MODULARUI/UPDATE_FORM" }),
-    ]);
-
-    store.clearActions();
-
-    expect(() => result.current.remove(form.currentFormObject)).toThrow(
-      IllegalArgumentException,
-    );
-  });
-});

package/src/hooks/__tests__/useI18n.spec.js

@@ -1,30 +0,0 @@
-import configureMockStore from "redux-mock-store";
-import { Provider } from "react-redux";
-import { renderHook } from "@testing-library/react";
-
-import { Locales } from "../../i18n";
-import { useLocaleCodes } from "../useI18n";
-
-const mockStore = configureMockStore();
-
-describe("i18n hooks", () => {
-  it("useLocaleCodes available", () => {
-    const store = mockStore({
-      i18n: {
-        locale: "en",
-        locales: new Locales([
-          { code: "en", messages: {} },
-          { code: "nl", messages: {} },
-        ]),
-      },
-    });
-
-    const wrapper = ({ children }) => (
-      <Provider store={store}>{children}</Provider>
-    );
-
-    const { result } = renderHook(() => useLocaleCodes(), { wrapper });
-
-    expect(result.current).toStrictEqual(["en", "nl"]);
-  });
-});

package/src/hooks/__tests__/useModal.spec.js

@@ -1,67 +0,0 @@
-import configureMockStore from "redux-mock-store";
-import { Provider } from "react-redux";
-import { renderHook } from "@testing-library/react";
-
-import { useModal } from "../useModal";
-import { IllegalArgumentException } from "../../exceptions";
-
-const mockStore = configureMockStore();
-
-describe("modal hooks", () => {
-  it("useModal", () => {
-    expect(() => {
-      useModal();
-    }).toThrow(IllegalArgumentException);
-  });
-
-  it("useModal available", () => {
-    const store = mockStore({
-      modals: {
-        modals: [
-          {
-            visible: false,
-            key: "hiddenModal",
-            size: "small",
-          },
-          {
-            visible: true,
-            key: "visibleModal",
-            size: "large",
-          },
-        ],
-      },
-    });
-
-    const wrapper = ({ children }) => (
-      <Provider store={store}>{children}</Provider>
-    );
-
-    const { result } = renderHook(() => useModal("visibleModal"), {
-      wrapper,
-    });
-
-    expect(result.current.key).toBe("visibleModal");
-    expect(result.current.size).toBe("large");
-    expect(result.current.visible).toBe(true);
-    expect(typeof result.current.show).toBe("function");
-    expect(typeof result.current.close).toBe("function");
-
-    result.current.show();
-    expect(store.getActions()).toStrictEqual([
-      {
-        type: "SHOW_MODAL",
-        payload: "visibleModal",
-      },
-    ]);
-
-    store.clearActions();
-
-    result.current.close();
-    expect(store.getActions()).toStrictEqual([
-      {
-        type: "CLOSE_MODAL",
-        payload: "visibleModal",
-      },
-    ]);
-  });
-});

package/src/hooks/__tests__/useModelCatalog.spec.js

@@ -1,180 +0,0 @@
-import configureMockStore from "redux-mock-store";
-import thunk from "redux-thunk";
-import { Provider } from "react-redux";
-import { renderHook } from "@testing-library/react";
-import xhrMock from "xhr-mock";
-import { useLocation } from "react-router";
-
-import {
-  ConceptIndexModel,
-  ContentIndexModel,
-  ContentTypeModel,
-  ContentTOCModel,
-  Href,
-  ModelCatalogModel,
-} from "../../models";
-import {
-  useConceptDetail,
-  useConceptIndex,
-  useContent,
-  useContentIndex,
-  useContentTOC,
-  useModelCatalog,
-  useContentType,
-  useCompleteSource,
-} from "../useModelCatalog";
-import { DateUtil } from "../../utils";
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock("react-router", () => ({
-  ...jest.requireActual("react-router"), // Keep other methods from react-router as is
-  useLocation: jest.fn(), // Mock useLocation
-}));
-
-const JSON_TYPE = "application/json";
-
-describe("modelcatalog hooks", () => {
-  /**
-   */
-  const assertTargetModel = (hook, key, url, targetModel) => {
-    expect.assertions(2);
-
-    xhrMock.get(`/BeInformed` + url, (req, res) => {
-      expect(req.header("accept")).toBe(JSON_TYPE);
-      expect(req.header("Content-Type")).toBe(JSON_TYPE);
-      return res.status(200).body({ data: "ok" });
-    });
-
-    const store = mockStore({
-      modularui: {},
-      router: { location: {} },
-      i18n: { locale: "en" },
-    });
-    /**
-     */
-    const wrapper = ({ children }) => (
-      <Provider store={store}>{children}</Provider>
-    );
-
-    const { result } = renderHook(hook, {
-      wrapper,
-    });
-
-    expect(result.current).toBeNull();
-
-    expect(store.getActions()).toStrictEqual([
-      { type: "START_PROGRESS" },
-      {
-        type: "MODULARUI/FETCH",
-        payload: expect.objectContaining({
-          key: `${key}(${url.split("?")[0]})(en)`,
-          href: new Href(url),
-          locale: "en",
-          targetModel: targetModel,
-        }),
-      },
-    ]);
-  };
-
-  // replace the real XHR object with the mock XHR object before each test
-  // eslint-disable-next-line jest/no-hooks
-  beforeEach(() => {
-    useLocation.mockReturnValue({
-      state: null,
-    });
-    xhrMock.setup();
-  });
-
-  // put the real XHR object back and clear the mocks after each test
-  // eslint-disable-next-line jest/no-hooks
-  afterEach(() => xhrMock.teardown());
-
-  // eslint-disable-next-line jest/expect-expect
-  it("useModelCatalog", () => {
-    assertTargetModel(
-      () =>
-        useModelCatalog("modelcatalog", "/modelcatalog", [ModelCatalogModel]),
-      "modelcatalog",
-      "/modelcatalog",
-      ModelCatalogModel,
-    );
-  });
-
-  // eslint-disable-next-line jest/expect-expect
-  it("useConceptIndex", () => {
-    assertTargetModel(
-      () => useConceptIndex("/conceptindex"),
-      "conceptindex",
-      "/conceptindex?entryDate=" + DateUtil.now(),
-      ConceptIndexModel,
-    );
-  });
-
-  // eslint-disable-next-line jest/expect-expect
-  it("useConceptDetail", () => {
-    assertTargetModel(
-      () => useConceptDetail("/conceptdetail"),
-      "conceptdetail",
-      "/concepts/conceptdetail?entryDate=" + DateUtil.now(),
-    );
-  });
-
-  // eslint-disable-next-line jest/expect-expect
-  it("useContentIndex", () => {
-    assertTargetModel(
-      () => useContentIndex("/contentindex"),
-      "contentindex",
-      "/contentindex",
-      ContentIndexModel,
-    );
-  });
-
-  // eslint-disable-next-line jest/expect-expect
-  it("useContentTOC", () => {
-    assertTargetModel(
-      () => useContentTOC("/contenttoc"),
-      "contenttoc",
-      "/content/contenttoc?entryDate=" + DateUtil.now(),
-      ContentTOCModel,
-    );
-  });
-
-  // eslint-disable-next-line jest/expect-expect
-  it("useContent", () => {
-    assertTargetModel(
-      () => useContent("/contentdetail"),
-      "content",
-      "/content/contentdetail?entryDate=" + DateUtil.now(),
-    );
-  });
-
-  // eslint-disable-next-line jest/expect-expect
-  it("useCompleteSource", () => {
-    assertTargetModel(
-      () => useCompleteSource("/contentdetail"),
-      "content",
-      "/content/contentdetail?complete=true&entryDate=" + DateUtil.now(),
-    );
-  });
-
-  // eslint-disable-next-line jest/expect-expect
-  it("useCompleteSource 2", () => {
-    assertTargetModel(
-      () => useCompleteSource("/contentdetail?complete=false"),
-      "content",
-      "/content/contentdetail?complete=true&entryDate=" + DateUtil.now(),
-    );
-  });
-
-  // eslint-disable-next-line jest/expect-expect
-  it("useContentType", () => {
-    assertTargetModel(
-      () => useContentType("/contenttypes/contenttype"),
-      "contenttypes",
-      "/contenttypes/contenttype",
-      ContentTypeModel,
-    );
-  });
-});

package/src/hooks/__tests__/useModels.spec.js

@@ -1,138 +0,0 @@
-import { useModels } from "../useModels";
-import { renderHook } from "@testing-library/react";
-import { Provider } from "react-redux";
-import configureMockStore from "redux-mock-store";
-
-import application from "../../models/application/__mock__/application";
-import caselist from "../../models/list/__mock__/caselist";
-
-import thunk from "redux-thunk";
-import { Href } from "../../models";
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-describe("model hooks", () => {
-  it("useModels.reload", () => {
-    application.connectKey = "application(/)(en)";
-    const store = mockStore({
-      modularui: {
-        "application(/)(en)": {
-          status: "FINISHED",
-          model: application,
-          lastModification: 0,
-        },
-      },
-    });
-
-    const wrapper = ({ children }) => (
-      <Provider store={store}>{children}</Provider>
-    );
-
-    const { result } = renderHook(() => useModels(), {
-      wrapper,
-    });
-
-    expect(typeof result.current.reload).toBe("function");
-
-    result.current.reload(application);
-    expect(store.getActions()).toStrictEqual([
-      { type: "START_PROGRESS" },
-      {
-        type: "MODULARUI/FETCH",
-        payload: expect.objectContaining({
-          key: "application(/)(en)",
-          href: new Href("/", "Application"),
-          locale: "en",
-        }),
-      },
-    ]);
-  });
-
-  it("useModels.reloadWithFilter - only root", () => {
-    application.connectKey = "application(/)(en)";
-    const store = mockStore({
-      modularui: {
-        "application(/)(en)": {
-          status: "FINISHED",
-          model: application,
-          lastModification: 0,
-        },
-        "list(/books/books)(en)": {
-          status: "FINISHED",
-          model: caselist,
-          lastModification: 0,
-        },
-      },
-    });
-
-    const wrapper = ({ children }) => (
-      <Provider store={store}>{children}</Provider>
-    );
-
-    const { result } = renderHook(() => useModels(), {
-      wrapper,
-    });
-
-    expect(typeof result.current.reloadWithFilter).toBe("function");
-
-    result.current.reloadWithFilter((model) =>
-      model.selfhref.equals(new Href("/")),
-    );
-    expect(store.getActions()).toStrictEqual([
-      { type: "START_PROGRESS" },
-      {
-        type: "MODULARUI/FETCH",
-        payload: expect.objectContaining({
-          key: "application(/)(en)",
-          href: new Href("/", "Application"),
-          locale: "en",
-        }),
-      },
-    ]);
-  });
-
-  it("useModels.reloadWithFilter - only tab", () => {
-    application.connectKey = "application(/)(en)";
-    caselist.connectKey = "list(/books/books)(en)";
-    const store = mockStore({
-      modularui: {
-        "application(/)(en)": {
-          status: "FINISHED",
-          model: application,
-          lastModification: 0,
-        },
-        "list(/books/books)(en)": {
-          status: "FINISHED",
-          model: caselist,
-          lastModification: 0,
-        },
-      },
-    });
-
-    const wrapper = ({ children }) => (
-      <Provider store={store}>{children}</Provider>
-    );
-
-    const { result } = renderHook(() => useModels(), {
-      wrapper,
-    });
-
-    expect(typeof result.current.reloadWithFilter).toBe("function");
-
-    result.current.reloadWithFilter((model) =>
-      model.selfhref.equals(new Href("/books/books")),
-    );
-    expect(store.getActions()).toStrictEqual([
-      { type: "START_PROGRESS" },
-      {
-        type: "MODULARUI/FETCH",
-        payload: expect.objectContaining({
-          key: "list(/books/books)(en)",
-          href: caselist.selfhref,
-          locale: "en",
-        }),
-      },
-    ]);
-  });
-});