@crossed/ui/lib/module/overlay/Floating/__test__/Root.spec.js

A universal & performant styling library for React Native, Next.js & React

import { jsx } from "react/jsx-runtime";
import { render } from "@crossed/test";
import { FloatingRoot } from "../Root";
import { FloatingProvider } from "../context";
import { act, createRef } from "react";
jest.mock("../context", () => ({
  ...jest.requireActual("../context"),
  FloatingProvider: jest.fn(() => null)
}));
const FloatingProviderMocked = jest.mocked(FloatingProvider);
describe("Floating.Root", () => {
  const mount = (defaultOpen) => {
    const onChange = jest.fn();
    const ref = createRef();
    expect(FloatingRoot.displayName).toEqual("Floating");
    render(
      /* @__PURE__ */ jsx(FloatingRoot, { onChange, defaultValue: defaultOpen, ref })
    );
    return { ref };
  };
  afterEach(() => {
    FloatingProviderMocked.mockReset();
  });
  test("verify based props", async () => {
    const { ref } = mount();
    const call = FloatingProviderMocked.mock.calls[0][0];
    expect(call).toHaveProperty("children", void 0);
    expect(call).toHaveProperty("closeOverlayPress", true);
    expect(call).toHaveProperty("onClose");
    expect(call).toHaveProperty("onOpen");
    expect(call).toHaveProperty("open", false);
    expect(call).toHaveProperty("removeScroll", true);
    expect(call).toHaveProperty("wait", 0);
    expect(ref.current).toHaveProperty("open");
    expect(ref.current).toHaveProperty("close");
  });
  test("check imperative handle open", async () => {
    mount();
    expect(FloatingProviderMocked).toHaveBeenCalledTimes(1);
    const call = FloatingProviderMocked.mock.calls[0][0];
    await act(() => Promise.resolve(call.onOpen()));
    expect(FloatingProviderMocked).toHaveBeenCalledTimes(2);
    const call2 = FloatingProviderMocked.mock.calls[1][0];
    expect(call2).toHaveProperty("open", true);
  });
  test("check imperative handle onClose", async () => {
    mount(true);
    expect(FloatingProviderMocked).toHaveBeenCalledTimes(1);
    const call = FloatingProviderMocked.mock.calls[0][0];
    await act(() => Promise.resolve(call.onClose()));
    expect(FloatingProviderMocked).toHaveBeenCalledTimes(2);
    const call2 = FloatingProviderMocked.mock.calls[1][0];
    expect(call2).toHaveProperty("open", false);
  });
});
//# sourceMappingURL=Root.spec.js.map