jqtree 1.8.2 → 1.8.3

package/src/test/jqTree/events.test.ts

@@ -1,290 +0,0 @@
-import getGiven from "givens";
-import { http, HttpResponse } from "msw";
-import { setupServer } from "msw/node";
-import { waitFor } from "@testing-library/dom";
-import { userEvent } from "@testing-library/user-event";
-import "../../tree.jquery";
-import exampleData from "../support/exampleData";
-import { titleSpan } from "../support/testUtil";
-
-const context = describe;
-
-beforeEach(() => {
-    $("body").append('<div id="tree1"></div>');
-});
-
-afterEach(() => {
-    const $tree = $("#tree1");
-    $tree.tree("destroy");
-    $tree.remove();
-});
-
-describe("tree.click", () => {
-    interface Vars {
-        node1: INode;
-        titleSpan: JQuery<HTMLElement>;
-        $tree: JQuery<HTMLElement>;
-    }
-
-    const given = getGiven<Vars>();
-    given("node1", () => given.$tree.tree("getNodeByNameMustExist", "node1"));
-    given("titleSpan", () => titleSpan(given.node1.element));
-    given("$tree", () => $("#tree1"));
-
-    beforeEach(() => {
-        given.$tree.tree({ data: exampleData });
-    });
-
-    it("fires tree.click", async () => {
-        const onClick = jest.fn();
-        given.$tree.on("tree.click", onClick);
-
-        await userEvent.click(given.titleSpan.get(0) as HTMLElement);
-        expect(onClick).toHaveBeenCalledWith(
-            expect.objectContaining({ node: given.node1 }),
-        );
-    });
-});
-
-describe("tree.contextmenu", () => {
-    interface Vars {
-        node1: INode;
-        titleSpan: JQuery<HTMLElement>;
-        $tree: JQuery<HTMLElement>;
-    }
-
-    const given = getGiven<Vars>();
-    given("node1", () => given.$tree.tree("getNodeByNameMustExist", "node1"));
-    given("titleSpan", () => titleSpan(given.node1.element));
-    given("$tree", () => $("#tree1"));
-
-    beforeEach(() => {
-        given.$tree.tree({ data: exampleData });
-    });
-
-    it("fires tree.contextmenu", async () => {
-        const onContextMenu = jest.fn();
-        given.$tree.on("tree.contextmenu", onContextMenu);
-
-        await userEvent.pointer({
-            target: given.titleSpan.get(0) as HTMLElement,
-            keys: "[MouseRight]",
-        });
-        expect(onContextMenu).toHaveBeenCalledWith(
-            expect.objectContaining({ node: given.node1 }),
-        );
-    });
-});
-
-describe("tree.dblclick", () => {
-    interface Vars {
-        node1: INode;
-        titleSpan: JQuery<HTMLElement>;
-        $tree: JQuery<HTMLElement>;
-    }
-
-    const given = getGiven<Vars>();
-    given("node1", () => given.$tree.tree("getNodeByNameMustExist", "node1"));
-    given("titleSpan", () => titleSpan(given.node1.element));
-    given("$tree", () => $("#tree1"));
-
-    beforeEach(() => {
-        given.$tree.tree({ data: exampleData });
-    });
-
-    it("fires tree.dblclick", async () => {
-        const onDoubleClick = jest.fn();
-        given.$tree.on("tree.dblclick", onDoubleClick);
-
-        await userEvent.dblClick(given.titleSpan.get(0) as HTMLElement);
-        expect(onDoubleClick).toHaveBeenCalledWith(
-            expect.objectContaining({ node: given.node1 }),
-        );
-    });
-});
-
-describe("tree.init", () => {
-    interface Vars {
-        $tree: JQuery<HTMLElement>;
-    }
-    const given = getGiven<Vars>();
-    given("$tree", () => $("#tree1"));
-
-    context("with json data", () => {
-        it("is called", () => {
-            const onInit = jest.fn();
-            given.$tree.on("tree.init", onInit);
-
-            given.$tree.tree({
-                data: exampleData,
-            });
-
-            // eslint-disable-next-line jest/prefer-called-with
-            expect(onInit).toHaveBeenCalled();
-        });
-    });
-
-    context("with data loaded from an url", () => {
-        const server = setupServer(
-            http.get("/tree/", () => HttpResponse.json(exampleData)),
-        );
-        beforeEach(() => {
-            server.listen();
-        });
-
-        afterAll(() => {
-            server.close();
-        });
-
-        it("is called", async () => {
-            const onInit = jest.fn();
-            given.$tree.on("tree.init", onInit);
-
-            given.$tree.tree({ dataUrl: "/tree/" });
-
-            await waitFor(() => {
-                // eslint-disable-next-line jest/prefer-called-with
-                expect(onInit).toHaveBeenCalled();
-            });
-        });
-    });
-});
-
-describe("tree.load_data", () => {
-    interface Vars {
-        $tree: JQuery<HTMLElement>;
-    }
-    const given = getGiven<Vars>();
-    given("$tree", () => $("#tree1"));
-
-    context("when the tree is initialized with data", () => {
-        it("fires tree.load_data", () => {
-            const onLoadData = jest.fn();
-            given.$tree.on("tree.load_data", onLoadData);
-
-            given.$tree.tree({ data: exampleData });
-            expect(onLoadData).toHaveBeenCalledWith(
-                expect.objectContaining({ tree_data: exampleData }),
-            );
-        });
-    });
-});
-
-describe("tree.select", () => {
-    interface Vars {
-        node1: INode;
-        titleSpan: JQuery<HTMLElement>;
-        $tree: JQuery<HTMLElement>;
-    }
-
-    const given = getGiven<Vars>();
-    given("node1", () => given.$tree.tree("getNodeByNameMustExist", "node1"));
-    given("titleSpan", () => titleSpan(given.node1.element));
-    given("$tree", () => $("#tree1"));
-
-    beforeEach(() => {
-        given.$tree.tree({
-            data: exampleData,
-        });
-    });
-
-    it("fires tree.select", async () => {
-        const onSelect = jest.fn();
-        given.$tree.on("tree.select", onSelect);
-
-        await userEvent.click(given.titleSpan.get(0) as HTMLElement);
-        expect(onSelect).toHaveBeenCalledWith(
-            expect.objectContaining({
-                node: given.node1,
-                deselected_node: null,
-            }),
-        );
-    });
-
-    context("when the node was selected", () => {
-        beforeEach(() => {
-            given.$tree.tree("selectNode", given.node1);
-        });
-
-        it("fires tree.select with node is null", async () => {
-            const onSelect = jest.fn();
-            given.$tree.on("tree.select", onSelect);
-
-            await userEvent.click(given.titleSpan.get(0) as HTMLElement);
-            expect(onSelect).toHaveBeenCalledWith(
-                expect.objectContaining({
-                    node: null,
-                    previous_node: given.node1,
-                }),
-            );
-        });
-    });
-});
-
-describe("tree.loading_data", () => {
-    const server = setupServer(
-        http.get("/tree/", () => HttpResponse.json(exampleData)),
-    );
-    beforeEach(() => {
-        server.listen();
-    });
-
-    afterAll(() => {
-        server.close();
-    });
-
-    it("fires tree.loading_data when the data is loading from an url", async () => {
-        const $tree = $("#tree1");
-
-        const onLoading = jest.fn();
-        $tree.on("tree.loading_data", onLoading);
-
-        $tree.tree({ dataUrl: "/tree/" });
-
-        await waitFor(() => {
-            expect(onLoading).toHaveBeenCalledWith(
-                expect.objectContaining({
-                    isLoading: true,
-                    node: null,
-                }),
-            );
-        });
-
-        await waitFor(() => {
-            expect(onLoading).toHaveBeenCalledWith(
-                expect.objectContaining({
-                    isLoading: false,
-                    node: null,
-                }),
-            );
-        });
-    });
-});
-
-describe("onLoading", () => {
-    const server = setupServer(
-        http.get("/tree/", () => HttpResponse.json(exampleData)),
-    );
-    beforeEach(() => {
-        server.listen();
-    });
-
-    afterAll(() => {
-        server.close();
-    });
-
-    it("calls onLoading", async () => {
-        const $tree = $("#tree1");
-        const onLoading = jest.fn();
-
-        $tree.tree({ dataUrl: "/tree/", onLoading });
-
-        await waitFor(() => {
-            expect(onLoading).toHaveBeenCalledWith(false, null, $tree);
-        });
-
-        await waitFor(() => {
-            expect(onLoading).toHaveBeenCalledWith(false, null, $tree);
-        });
-    });
-});

package/src/test/jqTree/keyboard.test.ts

@@ -1,247 +0,0 @@
-import getGiven from "givens";
-import { userEvent } from "@testing-library/user-event";
-import "../../tree.jquery";
-import exampleData from "../support/exampleData";
-
-const context = describe;
-
-beforeEach(() => {
-    $("body").append('<div id="tree1"></div>');
-});
-
-afterEach(() => {
-    const $tree = $("#tree1");
-    $tree.tree("destroy");
-    $tree.remove();
-});
-
-describe("keyboard support", () => {
-    interface Vars {
-        autoOpen: boolean;
-        initialSelectedNode: INode | null;
-        pressedKey: string;
-        $tree: JQuery<HTMLElement>;
-    }
-
-    const given = getGiven<Vars>();
-    given("autoOpen", () => false);
-    given("initialSelectedNode", () => null);
-    given("$tree", () => $("#tree1"));
-
-    beforeEach(async () => {
-        given.$tree.tree({
-            animationSpeed: 0,
-            autoOpen: given.autoOpen,
-            data: exampleData,
-        });
-
-        if (given.initialSelectedNode) {
-            given.$tree.tree("selectNode", given.initialSelectedNode);
-        }
-
-        await userEvent.keyboard(`{${given.pressedKey}}`);
-    });
-
-    context("with key down", () => {
-        given("pressedKey", () => "ArrowDown");
-
-        context("when a node is selected", () => {
-            given("initialSelectedNode", () =>
-                given.$tree.tree("getNodeByNameMustExist", "node1"),
-            );
-
-            it("selects the next node", () => {
-                expect(given.$tree).toHaveTreeStructure([
-                    expect.objectContaining({ name: "node1", selected: false }),
-                    expect.objectContaining({ name: "node2", selected: true }),
-                ]);
-            });
-        });
-
-        context("when no node is selected", () => {
-            it("does nothing", () => {
-                expect(given.$tree.tree("getSelectedNode")).toBe(false);
-            });
-        });
-
-        context("when the last node is selected", () => {
-            given("initialSelectedNode", () =>
-                given.$tree.tree("getNodeByNameMustExist", "node2"),
-            );
-
-            it("keeps the node selected", () => {
-                expect(given.$tree.tree("getSelectedNode")).toMatchObject({
-                    name: "node2",
-                });
-            });
-        });
-    });
-
-    context("with key up", () => {
-        given("pressedKey", () => "ArrowUp");
-
-        context("when a node is selected", () => {
-            given("initialSelectedNode", () =>
-                given.$tree.tree("getNodeByNameMustExist", "node2"),
-            );
-
-            it("selects the next node", () => {
-                expect(given.$tree).toHaveTreeStructure([
-                    expect.objectContaining({ name: "node1", selected: true }),
-                    expect.objectContaining({ name: "node2", selected: false }),
-                ]);
-            });
-        });
-
-        context("when no node is selected", () => {
-            it("does nothing", () => {
-                expect(given.$tree.tree("getSelectedNode")).toBe(false);
-            });
-        });
-    });
-
-    context("with key right", () => {
-        given("pressedKey", () => "ArrowRight");
-
-        context("when a closed folder is selected", () => {
-            given("initialSelectedNode", () =>
-                given.$tree.tree("getNodeByNameMustExist", "node1"),
-            );
-
-            it("opens the folder", () => {
-                expect(given.$tree).toHaveTreeStructure([
-                    expect.objectContaining({
-                        name: "node1",
-                        open: true,
-                        selected: true,
-                    }),
-                    expect.objectContaining({
-                        name: "node2",
-                        open: false,
-                        selected: false,
-                    }),
-                ]);
-            });
-        });
-
-        context("when an open folder is selected", () => {
-            given("autoOpen", () => true);
-            given("initialSelectedNode", () =>
-                given.$tree.tree("getNodeByNameMustExist", "node1"),
-            );
-
-            it("selects the first child", () => {
-                expect(given.$tree).toHaveTreeStructure([
-                    expect.objectContaining({
-                        name: "node1",
-                        open: true,
-                        selected: false,
-                        children: [
-                            expect.objectContaining({
-                                name: "child1",
-                                selected: true,
-                            }),
-                            expect.objectContaining({
-                                name: "child2",
-                                selected: false,
-                            }),
-                        ],
-                    }),
-                    expect.objectContaining({
-                        name: "node2",
-                        selected: false,
-                    }),
-                ]);
-            });
-        });
-
-        context("when no node is selected", () => {
-            it("does nothing", () => {
-                expect(given.$tree.tree("getSelectedNode")).toBe(false);
-            });
-        });
-
-        context("when a child is selected", () => {
-            given("initialSelectedNode", () =>
-                given.$tree.tree("getNodeByNameMustExist", "child1"),
-            );
-
-            it("does nothing", () => {
-                expect(given.$tree.tree("getSelectedNode")).toMatchObject({
-                    name: "child1",
-                });
-            });
-        });
-    });
-    context("with key left", () => {
-        given("pressedKey", () => "ArrowLeft");
-
-        context("when a closed folder is selected", () => {
-            given("initialSelectedNode", () =>
-                given.$tree.tree("getNodeByNameMustExist", "node3"),
-            );
-
-            it("selects the previous node", () => {
-                expect(given.$tree).toHaveTreeStructure([
-                    expect.objectContaining({
-                        name: "node1",
-                        selected: false,
-                    }),
-                    expect.objectContaining({
-                        name: "node2",
-                        selected: true,
-                        children: [
-                            expect.objectContaining({
-                                name: "node3",
-                                open: false,
-                                selected: false,
-                            }),
-                        ],
-                    }),
-                ]);
-            });
-        });
-
-        context("when an open folder is selected", () => {
-            given("autoOpen", () => true);
-            given("initialSelectedNode", () =>
-                given.$tree.tree("getNodeByNameMustExist", "node2"),
-            );
-
-            it("closes the folder", () => {
-                expect(given.$tree).toHaveTreeStructure([
-                    expect.objectContaining({
-                        name: "node1",
-                        open: true,
-                        selected: false,
-                    }),
-                    expect.objectContaining({
-                        name: "node2",
-                        open: false,
-                        selected: true,
-                    }),
-                ]);
-            });
-        });
-
-        context("when no node is selected", () => {
-            it("does nothing", () => {
-                expect(given.$tree.tree("getSelectedNode")).toBe(false);
-            });
-        });
-    });
-
-    context("with page up key", () => {
-        given("pressedKey", () => "PageUp");
-
-        given("initialSelectedNode", () =>
-            given.$tree.tree("getNodeByNameMustExist", "child1"),
-        );
-
-        it("does nothing", () => {
-            expect(given.$tree.tree("getSelectedNode")).toMatchObject({
-                name: "child1",
-            });
-        });
-    });
-});