@onewelcome/react-lib-components 5.2.0 → 6.1.0

package/src/hooks/useBodyClick.test.tsx

@@ -1,55 +0,0 @@
-/*
- * Copyright 2022 OneWelcome B.V.
- *
- *    Licensed under the Apache License, Version 2.0 (the "License");
- *    you may not use this file except in compliance with the License.
- *    You may obtain a copy of the License at
- *
- *        http://www.apache.org/licenses/LICENSE-2.0
- *
- *    Unless required by applicable law or agreed to in writing, software
- *    distributed under the License is distributed on an "AS IS" BASIS,
- *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *    See the License for the specific language governing permissions and
- *    limitations under the License.
- */
-
-import React, { Fragment, useState } from "react";
-import { useBodyClick } from "./useBodyClick";
-import { render } from "@testing-library/react";
-import userEvent from "@testing-library/user-event";
-
-describe("function should be executed", () => {
-  it("should execute", async () => {
-    const clickHandler = jest.fn();
-    const validateFunction = jest.fn(() => true);
-
-    const Component = () => {
-      const [variable, setVariable] = useState(true);
-      const [variable2, setvariable2] = useState(true);
-      useBodyClick(validateFunction, clickHandler, [variable, variable2]);
-
-      return (
-        <Fragment>
-          <button data-testid="button1" onClick={() => setVariable(!variable)}>
-            Test
-          </button>
-          <button data-testid="button2" onClick={() => setvariable2(!variable2)}>
-            Test
-          </button>
-        </Fragment>
-      );
-    };
-
-    const { getByTestId } = render(<Component></Component>);
-
-    const button1 = getByTestId("button1");
-    const button2 = getByTestId("button2");
-
-    await userEvent.click(button1);
-    await userEvent.click(button2);
-
-    expect(clickHandler).toHaveBeenCalledTimes(2);
-    expect(validateFunction).toHaveBeenCalledTimes(2);
-  });
-});

package/src/hooks/useDebouncedCallback.test.ts

@@ -1,150 +0,0 @@
-import { renderHook, act } from "@testing-library/react";
-import { useDebouncedCallback } from "./useDebouncedCallback";
-
-const BASE_DELAY = 300;
-const EXTRA_DELAY = 200;
-
-const sleep = (delay: number) => new Promise(resolve => setTimeout(resolve, delay));
-
-describe("Testing the useDebouncedCallback hook", () => {
-  it("should run callback after specified delay", async () => {
-    const delay = BASE_DELAY;
-    const callback = jest.fn();
-
-    const { result } = renderHook(() => useDebouncedCallback(callback, delay));
-
-    expect(callback).toHaveBeenCalledTimes(0);
-    act(result.current);
-    await sleep(delay + EXTRA_DELAY);
-
-    expect(callback).toHaveBeenCalledTimes(1);
-
-    act(result.current);
-    await sleep(delay + EXTRA_DELAY);
-
-    expect(callback).toHaveBeenCalledTimes(2);
-  });
-
-  it("should pass args through to callback function", async () => {
-    let mutableValue = "";
-    const delay = BASE_DELAY;
-    const callback = jest.fn(arg => (mutableValue = `got arg ${arg}`));
-
-    const { result } = renderHook(() => useDebouncedCallback(callback, delay));
-
-    act(() => result.current("passthrough"));
-    await sleep(delay + EXTRA_DELAY);
-
-    expect(callback).toHaveBeenCalledTimes(1);
-    expect(mutableValue).toBe(`got arg passthrough`);
-  });
-
-  it("should cancel pending call if fn is called again", async () => {
-    const delay = BASE_DELAY;
-    const callback = jest.fn();
-
-    const { result } = renderHook(() => useDebouncedCallback(callback, delay));
-
-    expect(callback).toHaveBeenCalledTimes(0);
-    act(result.current);
-    await sleep(delay / 2);
-
-    act(result.current);
-    await sleep(delay + EXTRA_DELAY);
-
-    expect(callback).toHaveBeenCalledTimes(1);
-  });
-
-  it("should cancel pending call if callback changes", async () => {
-    const delay = BASE_DELAY;
-    const callback1 = jest.fn();
-    const callback2 = jest.fn();
-
-    const { result, rerender } = renderHook(
-      ({ callback, delay }: { callback: () => unknown; delay: number }) =>
-        useDebouncedCallback(callback, delay),
-      { initialProps: { callback: callback1, delay } }
-    );
-
-    act(result.current);
-    await sleep(delay / 2);
-
-    rerender({ callback: callback2, delay });
-    act(result.current);
-    await sleep(delay + EXTRA_DELAY);
-
-    expect(callback1).toHaveBeenCalledTimes(0);
-    expect(callback2).toHaveBeenCalledTimes(1);
-  });
-
-  it("should cancel pending call if delay changes", async () => {
-    const delay1 = BASE_DELAY;
-    const delay2 = BASE_DELAY * 2;
-    const callback = jest.fn();
-
-    const { result, rerender } = renderHook(
-      ({ callback, delay }: { callback: () => unknown; delay: number }) =>
-        useDebouncedCallback(callback, delay),
-      { initialProps: { callback, delay: delay1 } }
-    );
-
-    act(result.current);
-    await sleep(delay1 / 2);
-
-    rerender({ callback, delay: delay2 });
-    act(result.current);
-    await sleep(delay2 + EXTRA_DELAY);
-
-    expect(callback).toHaveBeenCalledTimes(1);
-  });
-
-  it("should cancel pending call if dependencies change", async () => {
-    const delay = BASE_DELAY;
-    const callback = jest.fn();
-
-    const { result, rerender } = renderHook(
-      ({
-        callback,
-        delay,
-        dependencies
-      }: {
-        callback: () => unknown;
-        delay: number;
-        dependencies: any[];
-      }) => useDebouncedCallback(callback, delay, dependencies),
-      { initialProps: { callback, delay, dependencies: ["a"] } }
-    );
-
-    act(result.current);
-    await sleep(delay / 2);
-
-    rerender({ callback, delay, dependencies: ["b"] });
-    act(result.current);
-    await sleep(delay + EXTRA_DELAY);
-
-    expect(callback).toHaveBeenCalledTimes(1);
-  });
-
-  it("should support async callbacks", async () => {
-    const makeAsyncCall = jest.fn(
-      () =>
-        new Promise(async resolve => {
-          await sleep(delay / 2);
-          resolve(null);
-        })
-    );
-
-    const delay = BASE_DELAY;
-    const callback = jest.fn(async () => {
-      await makeAsyncCall();
-    });
-
-    const { result } = renderHook(() => useDebouncedCallback(callback, delay));
-
-    await act(async () => result.current());
-    await sleep(delay + EXTRA_DELAY);
-
-    expect(callback).toHaveBeenCalledTimes(1);
-    expect(makeAsyncCall).toHaveBeenCalledTimes(1);
-  });
-});

package/src/hooks/useDetermineStatusIcon.test.ts

@@ -1,28 +0,0 @@
-import { renderHook } from "@testing-library/react";
-import { useDetermineStatusIcon } from "./useDetermineStatusIcon";
-
-describe("it should return the correct icon", () => {
-  it("should return an icon of type success", () => {
-    const { result } = renderHook(useDetermineStatusIcon, {
-      initialProps: { success: true, error: false }
-    });
-
-    expect(result.current).toBeDefined();
-    expect(result.current?.props?.["data-icon-status"]).toEqual("success");
-  });
-
-  it("should return an icon of type error", () => {
-    const { result } = renderHook(useDetermineStatusIcon, {
-      initialProps: { success: true, error: true }
-    });
-
-    expect(result.current).toBeDefined();
-    expect(result.current?.props?.["data-icon-status"]).toEqual("error");
-  });
-
-  it("should return null", () => {
-    const { result } = renderHook(useDetermineStatusIcon);
-
-    expect(result.current).toBeNull();
-  });
-});

package/src/hooks/useFormSelector.test.ts

@@ -1,56 +0,0 @@
-/*
- * Copyright 2022 OneWelcome B.V.
- *
- *    Licensed under the Apache License, Version 2.0 (the "License");
- *    you may not use this file except in compliance with the License.
- *    You may obtain a copy of the License at
- *
- *        http://www.apache.org/licenses/LICENSE-2.0
- *
- *    Unless required by applicable law or agreed to in writing, software
- *    distributed under the License is distributed on an "AS IS" BASIS,
- *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *    See the License for the specific language governing permissions and
- *    limitations under the License.
- */
-
-import { useFormSelector } from "./useFormSelector";
-import { renderHook } from "@testing-library/react";
-
-describe("we should get the correct return values and describedBy is the same as identifier", () => {
-  it("should return correct values", () => {
-    const { result } = renderHook(() =>
-      useFormSelector({
-        name: "test",
-        errorMessage: "errormessage",
-        error: false,
-        parentErrorId: "parenterrorid",
-        helperText: "helpertext",
-        parentHelperId: "parenthelperid"
-      })
-    );
-
-    expect(result.current.describedBy).toHaveLength(15);
-    expect(result.current.errorId).toHaveLength(15);
-    expect(result.current.identifier).toHaveLength(15);
-
-    expect(result.current.describedBy).toBe(result.current.identifier);
-  });
-});
-
-describe("describedBy should be the parenterrorid", () => {
-  it("should be linked correctly", () => {
-    const { result } = renderHook(() =>
-      useFormSelector({
-        name: "test",
-        errorMessage: "errormessage",
-        error: true,
-        parentErrorId: "parenterrorid",
-        helperText: "helpertext",
-        parentHelperId: "parenthelperid"
-      })
-    );
-
-    expect(result.current.describedBy).toBe("parenterrorid");
-  });
-});