import { act, renderHook } from "@testing-library/react-hooks";
import { useNodePlugins, useRovingFocus, useTraits } from ".";
import { createFileTree } from "./file-tree";
import { getNodesFromMockFs, waitForTree } from "./test/utils";

describe("useNodePlugins()", () => {
  let fileTree = createFileTree(getNodesFromMockFs);

  afterEach(() => {
    fileTree = createFileTree(getNodesFromMockFs);
  });

  it("should merge props", async () => {
    await waitForTree(fileTree);
    const traits = renderHook(() => useTraits(fileTree, ["foo", "bar"]));
    const rovingFocus = renderHook(() => useRovingFocus(fileTree));
    const props = renderHook(() =>
      useNodePlugins(fileTree.root.nodes[0], [
        traits.result.current,
        rovingFocus.result.current,
      ])
    );

    act(() => {
      traits.result.current.add("foo", fileTree.root.nodes[0]);
      jest.advanceTimersByTime(100);
    });

    const prev = props.result.current;
    expect(props.result.current).toEqual({
      className: "foo",
      onFocus: expect.any(Function),
      onBlur: expect.any(Function),
      style: {},
      tabIndex: -1,
    });

    act(() => {
      traits.result.current.add("foo", fileTree.root.nodes[0]);
      jest.advanceTimersByTime(100);
    });

    expect(props.result.current).toBe(prev);
  });
});