@yh-ui/components 0.1.21 → 0.1.23

package/dist/tree/__tests__/tree.test.cjs

@@ -1,488 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _testUtils = require("@vue/test-utils");
-var _vue = require("vue");
-var _index = require("../index.cjs");
-const treeData = [{
-  key: "1",
-  label: "\u4E00\u7EA7\u8282\u70B9 1",
-  children: [{
-    key: "1-1",
-    label: "\u4E8C\u7EA7\u8282\u70B9 1-1"
-  }, {
-    key: "1-2",
-    label: "\u4E8C\u7EA7\u8282\u70B9 1-2",
-    disabled: true
-  }]
-}, {
-  key: "2",
-  label: "\u4E00\u7EA7\u8282\u70B9 2",
-  children: [{
-    key: "2-1",
-    label: "\u4E8C\u7EA7\u8282\u70B9 2-1"
-  }]
-}, {
-  key: "3",
-  label: "\u4E00\u7EA7\u8282\u70B9 3 (\u53F6\u5B50)"
-}];
-(0, _vitest.describe)("Tree", () => {
-  (0, _vitest.it)("should render correctly", () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhTree, {
-      props: {
-        data: treeData
-      }
-    });
-    (0, _vitest.expect)(wrapper.classes()).toContain("yh-tree");
-    (0, _vitest.expect)(wrapper.findAll(".yh-tree__node").length).toBeGreaterThanOrEqual(3);
-  });
-  (0, _vitest.it)("should expand node on click", async () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhTree, {
-      props: {
-        data: treeData,
-        expandOnClickNode: true
-      }
-    });
-    const node = wrapper.find(".yh-tree__content");
-    await node.trigger("click");
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(wrapper.findAll(".yh-tree__node").length).toBeGreaterThan(3);
-  });
-  (0, _vitest.it)("should expand node when clicking expand icon", async () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhTree, {
-      props: {
-        data: treeData
-      }
-    });
-    const expandIcon = wrapper.find(".yh-tree__expand-icon");
-    await expandIcon.trigger("click");
-    await (0, _vue.nextTick)();
-    const expandedCount = wrapper.findAll(".yh-tree__node").length;
-    (0, _vitest.expect)(expandedCount).toBeGreaterThan(3);
-    (0, _vitest.expect)(wrapper.emitted("node-expand")).toBeTruthy();
-    const vm = wrapper.vm;
-    await expandIcon.trigger("click");
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)([...vm.expandedKeys]).not.toContain("1");
-  });
-  (0, _vitest.it)("should show checkbox and handle check", async () => {
-    const onCheck = _vitest.vi.fn();
-    const wrapper = (0, _testUtils.mount)(_index.YhTree, {
-      props: {
-        data: treeData,
-        showCheckbox: true,
-        onCheck
-      }
-    });
-    const checkbox = wrapper.find(".yh-checkbox");
-    (0, _vitest.expect)(checkbox.exists()).toBe(true);
-    await checkbox.find("input").trigger("change");
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(onCheck).toHaveBeenCalled();
-  });
-  (0, _vitest.it)("should not check disabled node", async () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhTree, {
-      props: {
-        data: treeData,
-        showCheckbox: true,
-        defaultExpandedKeys: ["1"]
-      }
-    });
-    await (0, _vue.nextTick)();
-    const checkboxes = wrapper.findAll(".yh-checkbox input");
-    const disabledCheckbox = checkboxes.find(c => c.element.disabled);
-    (0, _vitest.expect)(disabledCheckbox).toBeTruthy();
-  });
-  (0, _vitest.it)("should highlight current node on click", async () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhTree, {
-      props: {
-        data: treeData,
-        highlightCurrent: true
-      }
-    });
-    const node = wrapper.find(".yh-tree__content");
-    await node.trigger("click");
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(wrapper.find(".yh-tree__node.is-current").exists()).toBe(true);
-  });
-  (0, _vitest.it)("should emit node-click event", async () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhTree, {
-      props: {
-        data: treeData
-      }
-    });
-    const node = wrapper.find(".yh-tree__content");
-    await node.trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("node-click")).toBeTruthy();
-    (0, _vitest.expect)(wrapper.emitted("current-change")).toBeTruthy();
-  });
-  (0, _vitest.it)("should show empty text when no data", () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhTree, {
-      props: {
-        data: [],
-        emptyText: "\u6CA1\u6709\u6570\u636E"
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-tree__empty").text()).toBe("\u6CA1\u6709\u6570\u636E");
-  });
-  (0, _vitest.it)("should support default expanded keys", () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhTree, {
-      props: {
-        data: treeData,
-        defaultExpandedKeys: ["1"]
-      }
-    });
-    (0, _vitest.expect)(wrapper.findAll(".yh-tree__node").length).toBeGreaterThan(3);
-  });
-  (0, _vitest.it)("should support default expand all", () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhTree, {
-      props: {
-        data: treeData,
-        defaultExpandAll: true
-      }
-    });
-    (0, _vitest.expect)(wrapper.findAll(".yh-tree__node").length).toBe(6);
-  });
-  (0, _vitest.it)("should support accordion mode", async () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhTree, {
-      props: {
-        data: treeData,
-        accordion: true
-      }
-    });
-    const expandIcons = wrapper.findAll(".yh-tree__expand-icon");
-    await expandIcons[0].trigger("click");
-    await (0, _vue.nextTick)();
-    await expandIcons[1].trigger("click");
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(wrapper.emitted("node-expand")).toBeTruthy();
-  });
-  (0, _vitest.it)("should filter nodes", async () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhTree, {
-      props: {
-        data: treeData,
-        defaultExpandAll: true
-      }
-    });
-    const vm = wrapper.vm;
-    vm.filter("2-1");
-    await (0, _vue.nextTick)();
-    const visibleNodes = wrapper.findAll(".yh-tree__node");
-    (0, _vitest.expect)(visibleNodes.length).toBeGreaterThan(0);
-    vm.filter("");
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(wrapper.findAll(".yh-tree__node").length).toBe(6);
-  });
-  (0, _vitest.it)("should expose getCheckedNodes and setCheckedKeys", async () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhTree, {
-      props: {
-        data: treeData,
-        showCheckbox: true,
-        defaultExpandAll: true
-      }
-    });
-    const vm = wrapper.vm;
-    vm.setCheckedKeys(["1-1", "2-1"]);
-    await (0, _vue.nextTick)();
-    const checkedNodes = vm.getCheckedNodes();
-    (0, _vitest.expect)(checkedNodes.length).toBeGreaterThanOrEqual(2);
-    const checkedKeys = vm.getCheckedKeys();
-    (0, _vitest.expect)(checkedKeys).toContain("1-1");
-  });
-  (0, _vitest.it)("should expose setCurrentKey and getCurrentKey", async () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhTree, {
-      props: {
-        data: treeData
-      }
-    });
-    const vm = wrapper.vm;
-    vm.setCurrentKey("1");
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(vm.getCurrentKey()).toBe("1");
-    const currentNode = vm.getCurrentNode();
-    (0, _vitest.expect)(currentNode?.key).toBe("1");
-  });
-  (0, _vitest.it)("should expose setExpandedKeys", async () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhTree, {
-      props: {
-        data: treeData
-      }
-    });
-    const vm = wrapper.vm;
-    vm.setExpandedKeys(["1", "2"]);
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(wrapper.findAll(".yh-tree__node").length).toBeGreaterThan(3);
-  });
-  (0, _vitest.it)("should expose expandNode and collapseNode", async () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhTree, {
-      props: {
-        data: treeData
-      }
-    });
-    const vm = wrapper.vm;
-    vm.expandNode("1");
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(wrapper.vm.expandedKeys).toContain("1");
-    vm.collapseNode("1");
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(wrapper.vm.expandedKeys).not.toContain("1");
-  });
-  (0, _vitest.it)("should expose setData method", async () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhTree, {
-      props: {
-        data: treeData
-      }
-    });
-    const vm = wrapper.vm;
-    vm.setData([{
-      key: "new1",
-      label: "\u65B0\u8282\u70B9"
-    }]);
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(wrapper.findAll(".yh-tree__node").length).toBe(1);
-  });
-  (0, _vitest.it)("should expose getNode method", () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhTree, {
-      props: {
-        data: treeData
-      }
-    });
-    const vm = wrapper.vm;
-    const node = vm.getNode("1");
-    (0, _vitest.expect)(node?.label).toBe("\u4E00\u7EA7\u8282\u70B9 1");
-  });
-  (0, _vitest.it)("should handle setChecked method", async () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhTree, {
-      props: {
-        data: treeData,
-        showCheckbox: true,
-        defaultExpandAll: true
-      }
-    });
-    const vm = wrapper.vm;
-    vm.setChecked("1-1", true);
-    await (0, _vue.nextTick)();
-    const checked = vm.getCheckedKeys();
-    (0, _vitest.expect)(checked).toContain("1-1");
-    vm.setChecked("1-1", false);
-    await (0, _vue.nextTick)();
-    const checked2 = vm.getCheckedKeys();
-    (0, _vitest.expect)(checked2).not.toContain("1-1");
-  });
-  (0, _vitest.it)("should support custom node content via slots", () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhTree, {
-      props: {
-        data: treeData
-      },
-      slots: {
-        default: ({
-          node
-        }) => (0, _vue.h)("span", {
-          class: "custom-label"
-        }, node.label)
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".custom-label").exists()).toBe(true);
-  });
-  (0, _vitest.it)("should support virtual scrolling", () => {
-    const largeData = Array.from({
-      length: 100
-    }, (_, i) => ({
-      key: String(i),
-      label: `\u8282\u70B9 ${i}`
-    }));
-    const wrapper = (0, _testUtils.mount)(_index.YhTree, {
-      props: {
-        data: largeData,
-        virtual: true,
-        height: 300
-      }
-    });
-    (0, _vitest.expect)(wrapper.findAll(".yh-tree__node").length).toBeLessThan(100);
-  });
-  (0, _vitest.it)("should emit drag events via node context", async () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhTree, {
-      props: {
-        data: treeData,
-        draggable: true
-      }
-    });
-    const nodes = wrapper.findAll(".yh-tree__node");
-    (0, _vitest.expect)(nodes.length).toBeGreaterThan(0);
-    (0, _vitest.expect)(wrapper.find(".yh-tree").exists()).toBe(true);
-  });
-  (0, _vitest.it)("should accept draggable prop", () => {
-    const onNodeDrop = _vitest.vi.fn();
-    const wrapper = (0, _testUtils.mount)(_index.YhTree, {
-      props: {
-        data: treeData,
-        draggable: true,
-        onNodeDrop
-      }
-    });
-    (0, _vitest.expect)(wrapper.props("draggable")).toBe(true);
-    (0, _vitest.expect)(wrapper.find(".yh-tree").exists()).toBe(true);
-  });
-  (0, _vitest.it)("should expose getHalfCheckedNodes", async () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhTree, {
-      props: {
-        data: treeData,
-        showCheckbox: true,
-        defaultExpandAll: true
-      }
-    });
-    const vm = wrapper.vm;
-    vm.setCheckedKeys(["1-1"]);
-    await (0, _vue.nextTick)();
-    const halfChecked = vm.getHalfCheckedNodes();
-    (0, _vitest.expect)(Array.isArray(halfChecked)).toBe(true);
-    const halfCheckedKeys = vm.getHalfCheckedKeys();
-    (0, _vitest.expect)(Array.isArray(halfCheckedKeys)).toBe(true);
-  });
-  (0, _vitest.it)("should support checkOnClickNode", async () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhTree, {
-      props: {
-        data: treeData,
-        showCheckbox: true,
-        checkOnClickNode: true
-      }
-    });
-    const node = wrapper.find(".yh-tree__content");
-    await node.trigger("click");
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(wrapper.emitted("check")).toBeTruthy();
-  });
-  (0, _vitest.it)("should support setCheckedNodes", async () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhTree, {
-      props: {
-        data: treeData,
-        showCheckbox: true,
-        defaultExpandAll: true
-      }
-    });
-    const vm = wrapper.vm;
-    vm.setCheckedNodes([{
-      key: "1-1",
-      label: "\u4E8C\u7EA7\u8282\u70B9 1-1"
-    }]);
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(vm.getCheckedKeys()).toContain("1-1");
-  });
-  (0, _vitest.it)("should watch currentNodeKey prop changes", async () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhTree, {
-      props: {
-        data: treeData,
-        currentNodeKey: "1"
-      }
-    });
-    await wrapper.setProps({
-      currentNodeKey: "2"
-    });
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(wrapper.vm.getCurrentKey()).toBe("2");
-  });
-  (0, _vitest.it)("should handle drag and drop events", async () => {
-    const onNodeDragStart = _vitest.vi.fn();
-    const onNodeDrop = _vitest.vi.fn();
-    const wrapper = (0, _testUtils.mount)(_index.YhTree, {
-      props: {
-        data: treeData,
-        draggable: true,
-        onNodeDragStart,
-        onNodeDrop
-      }
-    });
-    const nodeContent = wrapper.find(".yh-tree__content");
-    const dragStartEvent = new DragEvent("dragstart");
-    await nodeContent.element.dispatchEvent(dragStartEvent);
-    (0, _vitest.expect)(onNodeDragStart).toHaveBeenCalled();
-    const dragOverEvent = new DragEvent("dragover");
-    await nodeContent.element.dispatchEvent(dragOverEvent);
-    const dropEvent = new DragEvent("drop");
-    await nodeContent.element.dispatchEvent(dropEvent);
-    (0, _vitest.expect)(onNodeDrop).toHaveBeenCalled();
-  });
-  (0, _vitest.it)("should support lazy loading", async () => {
-    const load = _vitest.vi.fn().mockResolvedValue([{
-      key: "lazy-1",
-      label: "\u61D2\u52A0\u8F7D\u8282\u70B9 1"
-    }]);
-    const wrapper = (0, _testUtils.mount)(_index.YhTree, {
-      //@ts-ignore
-      props: {
-        data: [{
-          key: "parent",
-          label: "\u7236\u8282\u70B9"
-        }],
-        lazy: true,
-        load
-      }
-    });
-    await wrapper.find(".yh-tree__expand-icon").trigger("click");
-    (0, _vitest.expect)(load).toHaveBeenCalled();
-    await (0, _vue.nextTick)();
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(wrapper.text()).toContain("\u61D2\u52A0\u8F7D\u8282\u70B9 1");
-  });
-  (0, _vitest.it)("should cover drag positions", async () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhTree, {
-      props: {
-        data: treeData,
-        draggable: true
-      }
-    });
-    const content = wrapper.find(".yh-tree__content");
-    content.element.getBoundingClientRect = _vitest.vi.fn().mockReturnValue({
-      top: 100,
-      height: 40,
-      left: 0,
-      right: 100,
-      bottom: 140,
-      width: 100,
-      x: 0,
-      y: 100,
-      toJSON: () => {}
-    });
-    const eventBefore = new MouseEvent("dragover", {
-      clientY: 105
-    });
-    Object.defineProperty(eventBefore, "currentTarget", {
-      value: content.element
-    });
-    await content.element.dispatchEvent(eventBefore);
-    const eventAfter = new MouseEvent("dragover", {
-      clientY: 135
-    });
-    Object.defineProperty(eventAfter, "currentTarget", {
-      value: content.element
-    });
-    await content.element.dispatchEvent(eventAfter);
-    const eventInner = new MouseEvent("dragover", {
-      clientY: 120
-    });
-    Object.defineProperty(eventInner, "currentTarget", {
-      value: content.element
-    });
-    await content.element.dispatchEvent(eventInner);
-  });
-  (0, _vitest.it)("should support scrollTo and scrollToNode", async () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhTree, {
-      props: {
-        data: treeData,
-        virtual: true,
-        height: 200,
-        itemHeight: 30
-      }
-    });
-    const vm = wrapper.vm;
-    vm.innerScrollRef = {
-      scrollTo: _vitest.vi.fn()
-    };
-    vm.scrollTo(100);
-    (0, _vitest.expect)(vm.innerScrollRef.scrollTo).toHaveBeenCalledWith({
-      top: 100
-    });
-    vm.scrollToNode("3");
-    (0, _vitest.expect)(vm.innerScrollRef.scrollTo).toHaveBeenCalled();
-  });
-});