@yh-ui/components 0.1.21 → 0.1.23

package/dist/form/__tests__/form.test.cjs

@@ -1,208 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _testUtils = require("@vue/test-utils");
-var _vue = require("vue");
-var _form = _interopRequireDefault(require("../src/form.vue"));
-var _formItem = _interopRequireDefault(require("../src/form-item.vue"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhForm", () => {
-  (0, _vitest.it)("should render correctly", () => {
-    const model = (0, _vue.reactive)({
-      name: ""
-    });
-    const wrapper = (0, _testUtils.mount)(_form.default, {
-      props: {
-        model
-      },
-      slots: {
-        default: () => (0, _vue.h)("div", {
-          class: "form-content"
-        }, "Content")
-      }
-    });
-    (0, _vitest.expect)(wrapper.classes()).toContain("yh-form");
-    (0, _vitest.expect)(wrapper.find(".form-content").exists()).toBe(true);
-  });
-  (0, _vitest.it)("should validate form fields with callback", async () => {
-    const model = (0, _vue.reactive)({
-      name: ""
-    });
-    const rules = {
-      name: [{
-        required: true,
-        message: "Required"
-      }]
-    };
-    const callback = _vitest.vi.fn();
-    const wrapper = (0, _testUtils.mount)(_form.default, {
-      props: {
-        model,
-        rules
-      },
-      slots: {
-        default: () => (0, _vue.h)(_formItem.default, {
-          prop: "name"
-        }, {
-          default: () => (0, _vue.h)("input")
-        })
-      }
-    });
-    const result = await wrapper.vm.validate(callback);
-    (0, _vitest.expect)(result).toBe(false);
-    (0, _vitest.expect)(callback).toHaveBeenCalledWith(false, _vitest.expect.any(Object));
-  });
-  (0, _vitest.it)("should validate specific fields", async () => {
-    const model = (0, _vue.reactive)({
-      name: "",
-      age: ""
-    });
-    const rules = {
-      name: [{
-        required: true,
-        message: "N"
-      }],
-      age: [{
-        required: true,
-        message: "A"
-      }]
-    };
-    const wrapper = (0, _testUtils.mount)(_form.default, {
-      props: {
-        model,
-        rules
-      },
-      slots: {
-        default: () => [(0, _vue.h)(_formItem.default, {
-          prop: "name",
-          class: "item-name"
-        }, {
-          default: () => (0, _vue.h)("input")
-        }), (0, _vue.h)(_formItem.default, {
-          prop: "age",
-          class: "item-age"
-        }, {
-          default: () => (0, _vue.h)("input")
-        })]
-      }
-    });
-    try {
-      await wrapper.vm.validate("name");
-    } catch (e) {}
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(wrapper.find(".item-name").classes()).toContain("is-error");
-    (0, _vitest.expect)(wrapper.find(".item-age").classes()).not.toContain("is-error");
-  });
-  (0, _vitest.it)("should clear validation for specific fields", async () => {
-    const model = (0, _vue.reactive)({
-      name: ""
-    });
-    const rules = {
-      name: [{
-        required: true,
-        message: "R"
-      }]
-    };
-    const wrapper = (0, _testUtils.mount)(_form.default, {
-      props: {
-        model,
-        rules
-      },
-      slots: {
-        default: () => (0, _vue.h)(_formItem.default, {
-          prop: "name"
-        }, {
-          default: () => (0, _vue.h)("input")
-        })
-      }
-    });
-    try {
-      await wrapper.vm.validate();
-    } catch (e) {}
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(wrapper.find(".yh-form-item").classes()).toContain("is-error");
-    wrapper.vm.clearValidate("name");
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(wrapper.find(".yh-form-item").classes()).not.toContain("is-error");
-  });
-  (0, _vitest.it)("should scrollToField", async () => {
-    const model = (0, _vue.reactive)({
-      name: ""
-    });
-    const spy = _vitest.vi.spyOn(Element.prototype, "scrollIntoView");
-    const wrapper = (0, _testUtils.mount)(_form.default, {
-      props: {
-        model
-      },
-      slots: {
-        default: () => (0, _vue.h)(_formItem.default, {
-          prop: "name"
-        }, {
-          default: () => (0, _vue.h)("input")
-        })
-      },
-      attachTo: document.body
-    });
-    wrapper.vm.scrollToField("name");
-    (0, _vitest.expect)(spy).toHaveBeenCalled();
-    wrapper.unmount();
-  });
-  (0, _vitest.it)("should support label-suffix", () => {
-    const wrapper = (0, _testUtils.mount)(_form.default, {
-      props: {
-        model: {},
-        labelSuffix: ":"
-      },
-      slots: {
-        default: () => (0, _vue.h)(_formItem.default, {
-          label: "Name"
-        })
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-form-item__label").text()).toBe("Name:");
-  });
-  (0, _vitest.it)("should remove field on unmount", async () => {
-    const show = (0, _vue.ref)(true);
-    const TestComponent = (0, _vue.defineComponent)({
-      setup() {
-        return {
-          show
-        };
-      },
-      template: `
-            <yh-form :model="{}">
-                <yh-form-item v-if="show" prop="name" />
-            </yh-form>
-        `
-    });
-    const wrapper = (0, _testUtils.mount)(TestComponent, {
-      global: {
-        components: {
-          "yh-form": _form.default,
-          "yh-form-item": _formItem.default
-        }
-      }
-    });
-    const form = wrapper.getComponent(_form.default).vm;
-    (0, _vitest.expect)(form.fields.length).toBe(1);
-    show.value = false;
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(form.fields.length).toBe(0);
-  });
-  (0, _vitest.it)("FormItem should use own label-width", () => {
-    const wrapper = (0, _testUtils.mount)(_form.default, {
-      props: {
-        model: {},
-        labelWidth: "100px"
-      },
-      slots: {
-        default: () => (0, _vue.h)(_formItem.default, {
-          label: "L",
-          labelWidth: "200px"
-        })
-      }
-    });
-    const label = wrapper.find(".yh-form-item__label");
-    (0, _vitest.expect)(label.element.style.width).toBe("200px");
-  });
-});

package/dist/form/__tests__/form.test.mjs

@@ -1,128 +0,0 @@
-import { describe, it, expect, vi } from "vitest";
-import { mount } from "@vue/test-utils";
-import { reactive, nextTick, defineComponent, h, ref } from "vue";
-import Form from "../src/form.vue";
-import FormItem from "../src/form-item.vue";
-describe("YhForm", () => {
-  it("should render correctly", () => {
-    const model = reactive({ name: "" });
-    const wrapper = mount(Form, {
-      props: { model },
-      slots: {
-        default: () => h("div", { class: "form-content" }, "Content")
-      }
-    });
-    expect(wrapper.classes()).toContain("yh-form");
-    expect(wrapper.find(".form-content").exists()).toBe(true);
-  });
-  it("should validate form fields with callback", async () => {
-    const model = reactive({ name: "" });
-    const rules = { name: [{ required: true, message: "Required" }] };
-    const callback = vi.fn();
-    const wrapper = mount(Form, {
-      props: { model, rules },
-      slots: {
-        default: () => h(FormItem, { prop: "name" }, { default: () => h("input") })
-      }
-    });
-    const result = await wrapper.vm.validate(callback);
-    expect(result).toBe(false);
-    expect(callback).toHaveBeenCalledWith(false, expect.any(Object));
-  });
-  it("should validate specific fields", async () => {
-    const model = reactive({ name: "", age: "" });
-    const rules = {
-      name: [{ required: true, message: "N" }],
-      age: [{ required: true, message: "A" }]
-    };
-    const wrapper = mount(Form, {
-      props: { model, rules },
-      slots: {
-        default: () => [
-          h(FormItem, { prop: "name", class: "item-name" }, { default: () => h("input") }),
-          h(FormItem, { prop: "age", class: "item-age" }, { default: () => h("input") })
-        ]
-      }
-    });
-    try {
-      await wrapper.vm.validate("name");
-    } catch (e) {
-    }
-    await nextTick();
-    expect(wrapper.find(".item-name").classes()).toContain("is-error");
-    expect(wrapper.find(".item-age").classes()).not.toContain("is-error");
-  });
-  it("should clear validation for specific fields", async () => {
-    const model = reactive({ name: "" });
-    const rules = { name: [{ required: true, message: "R" }] };
-    const wrapper = mount(Form, {
-      props: { model, rules },
-      slots: {
-        default: () => h(FormItem, { prop: "name" }, { default: () => h("input") })
-      }
-    });
-    try {
-      await wrapper.vm.validate();
-    } catch (e) {
-    }
-    await nextTick();
-    expect(wrapper.find(".yh-form-item").classes()).toContain("is-error");
-    wrapper.vm.clearValidate("name");
-    await nextTick();
-    expect(wrapper.find(".yh-form-item").classes()).not.toContain("is-error");
-  });
-  it("should scrollToField", async () => {
-    const model = reactive({ name: "" });
-    const spy = vi.spyOn(Element.prototype, "scrollIntoView");
-    const wrapper = mount(Form, {
-      props: { model },
-      slots: {
-        default: () => h(FormItem, { prop: "name" }, { default: () => h("input") })
-      },
-      attachTo: document.body
-    });
-    wrapper.vm.scrollToField("name");
-    expect(spy).toHaveBeenCalled();
-    wrapper.unmount();
-  });
-  it("should support label-suffix", () => {
-    const wrapper = mount(Form, {
-      props: { model: {}, labelSuffix: ":" },
-      slots: {
-        default: () => h(FormItem, { label: "Name" })
-      }
-    });
-    expect(wrapper.find(".yh-form-item__label").text()).toBe("Name:");
-  });
-  it("should remove field on unmount", async () => {
-    const show = ref(true);
-    const TestComponent = defineComponent({
-      setup() {
-        return { show };
-      },
-      template: `
-            <yh-form :model="{}">
-                <yh-form-item v-if="show" prop="name" />
-            </yh-form>
-        `
-    });
-    const wrapper = mount(TestComponent, {
-      global: { components: { "yh-form": Form, "yh-form-item": FormItem } }
-    });
-    const form = wrapper.getComponent(Form).vm;
-    expect(form.fields.length).toBe(1);
-    show.value = false;
-    await nextTick();
-    expect(form.fields.length).toBe(0);
-  });
-  it("FormItem should use own label-width", () => {
-    const wrapper = mount(Form, {
-      props: { model: {}, labelWidth: "100px" },
-      slots: {
-        default: () => h(FormItem, { label: "L", labelWidth: "200px" })
-      }
-    });
-    const label = wrapper.find(".yh-form-item__label");
-    expect(label.element.style.width).toBe("200px");
-  });
-});

package/dist/gantt-chart/__tests__/debug_ssr.test.cjs

@@ -1,51 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _vue = require("vue");
-var _serverRenderer = require("vue/server-renderer");
-var _testUtils = require("@vue/test-utils");
-var _ganttChart = _interopRequireDefault(require("../src/gantt-chart.vue"));
-var _ssr = require("../../__tests__/utils/ssr.cjs");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("DEBUG SSR", () => {
-  (0, _vitest.it)("shows diff", async () => {
-    const data = [{
-      id: "1",
-      name: "Task 1",
-      startDate: "2024-03-01",
-      endDate: "2024-03-05"
-    }];
-    const props = {
-      data,
-      virtual: true,
-      showDependencies: true
-    };
-    const app = (0, _vue.createSSRApp)({
-      render() {
-        return (0, _vue.h)(_ganttChart.default, props);
-      }
-    });
-    const ssrHtml = await (0, _serverRenderer.renderToString)(app);
-    const ssrNorm = (0, _ssr.normalizeHtml)(ssrHtml);
-    const wrapper = (0, _testUtils.mount)(_ganttChart.default, {
-      props
-    });
-    const csrHtml = wrapper.html();
-    const csrNorm = (0, _ssr.normalizeHtml)(csrHtml);
-    if (ssrNorm !== csrNorm) {
-      console.log("--- SSR ---");
-      console.log(ssrNorm);
-      console.log("--- CSR ---");
-      console.log(csrNorm);
-      for (let i = 0; i < Math.max(ssrNorm.length, csrNorm.length); i++) {
-        if (ssrNorm[i] !== csrNorm[i]) {
-          console.log(`DIFF AT ${i}:`);
-          console.log(`SSR substring: ${ssrNorm.substring(i, i + 50)}`);
-          console.log(`CSR substring: ${csrNorm.substring(i, i + 50)}`);
-          break;
-        }
-      }
-    }
-    (0, _vitest.expect)(ssrNorm).toBe(csrNorm);
-  });
-});

package/dist/gantt-chart/__tests__/debug_ssr.test.mjs

@@ -1,37 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { createSSRApp, h } from "vue";
-import { renderToString } from "vue/server-renderer";
-import { mount } from "@vue/test-utils";
-import GanttChart from "../src/gantt-chart.vue";
-import { normalizeHtml } from "../../__tests__/utils/ssr.mjs";
-describe("DEBUG SSR", () => {
-  it("shows diff", async () => {
-    const data = [{ id: "1", name: "Task 1", startDate: "2024-03-01", endDate: "2024-03-05" }];
-    const props = { data, virtual: true, showDependencies: true };
-    const app = createSSRApp({
-      render() {
-        return h(GanttChart, props);
-      }
-    });
-    const ssrHtml = await renderToString(app);
-    const ssrNorm = normalizeHtml(ssrHtml);
-    const wrapper = mount(GanttChart, { props });
-    const csrHtml = wrapper.html();
-    const csrNorm = normalizeHtml(csrHtml);
-    if (ssrNorm !== csrNorm) {
-      console.log("--- SSR ---");
-      console.log(ssrNorm);
-      console.log("--- CSR ---");
-      console.log(csrNorm);
-      for (let i = 0; i < Math.max(ssrNorm.length, csrNorm.length); i++) {
-        if (ssrNorm[i] !== csrNorm[i]) {
-          console.log(`DIFF AT ${i}:`);
-          console.log(`SSR substring: ${ssrNorm.substring(i, i + 50)}`);
-          console.log(`CSR substring: ${csrNorm.substring(i, i + 50)}`);
-          break;
-        }
-      }
-    }
-    expect(ssrNorm).toBe(csrNorm);
-  });
-});

package/dist/gantt-chart/__tests__/gantt-chart.ssr.test.cjs

@@ -1,95 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _vue = require("vue");
-var _ganttChart = _interopRequireDefault(require("../src/gantt-chart.vue"));
-var _ssr = require("../../__tests__/utils/ssr.cjs");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhGanttChart SSR", () => {
-  const data = [{
-    id: "1",
-    name: "Launch Project",
-    startDate: "2024-03-01",
-    endDate: "2024-03-05",
-    progress: 100,
-    status: "success"
-  }, {
-    id: "2",
-    name: "Secondary Task",
-    startDate: "2024-03-06",
-    endDate: "2024-03-10",
-    dependencies: ["1"]
-  }];
-  const columns = [{
-    prop: "name",
-    label: "Task Name",
-    width: 200
-  }, {
-    prop: "startDate",
-    label: "Start Date",
-    width: 140
-  }];
-  (0, _vitest.it)("should render correctly in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_ganttChart.default, {
-      data,
-      columns
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-gantt-chart");
-    (0, _ssr.expectSSRHasClass)(html, "yh-gantt-chart__sidebar");
-    (0, _ssr.expectSSRHasClass)(html, "yh-gantt-chart__timeline");
-    (0, _vitest.expect)(html).toContain("Launch Project");
-    (0, _vitest.expect)(html).toContain("Task Name");
-    (0, _vitest.expect)(html).toContain("yh-gantt-chart__dependency-svg");
-  });
-  (0, _vitest.it)("should render different view modes in SSR", async () => {
-    const modes = ["day", "week", "month", "year"];
-    for (const mode of modes) {
-      const html = await (0, _ssr.renderSSR)(_ganttChart.default, {
-        data,
-        viewMode: mode
-      });
-      (0, _vitest.expect)(html).toBeTruthy();
-      (0, _vitest.expect)(html).toContain("yh-gantt-chart");
-    }
-  });
-  (0, _vitest.it)("should support virtual scrolling in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_ganttChart.default, {
-      data,
-      virtual: true,
-      rowHeight: 50
-    });
-    (0, _vitest.expect)(html).toContain("yh-gantt-chart");
-    (0, _vitest.expect)(html).toContain("Launch Project");
-  });
-  (0, _vitest.it)("should render custom slots in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_ganttChart.default, {
-      data
-    }, {
-      "task-content": ({
-        task
-      }) => (0, _vue.h)("span", `Custom-${task.name}`)
-    });
-    (0, _vitest.expect)(html).toContain("Custom-Secondary Task");
-  });
-  (0, _vitest.it)("should hydrate without mismatch", async () => {
-    const result = await (0, _ssr.testHydration)(_ganttChart.default, {
-      data,
-      columns,
-      virtual: true,
-      showDependencies: true
-    });
-    if (!result.isMatch) {
-      console.log("--- SSR HTML ---");
-      console.log(result.ssrHtml.substring(0, 1e3));
-      console.log("--- CSR HTML ---");
-      console.log(result.csrHtml.substring(0, 1e3));
-      for (let i = 0; i < Math.min(result.ssrHtml.length, result.csrHtml.length); i++) {
-        if (result.ssrHtml[i] !== result.csrHtml[i]) {
-          console.log(`Mismatch at index ${i}: SSR="${result.ssrHtml.substring(i, i + 50)}", CSR="${result.csrHtml.substring(i, i + 50)}"`);
-          break;
-        }
-      }
-    }
-    (0, _vitest.expect)(result.isMatch).toBe(true);
-  });
-});

package/dist/gantt-chart/__tests__/gantt-chart.ssr.test.mjs

@@ -1,94 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { h } from "vue";
-import GanttChart from "../src/gantt-chart.vue";
-import { renderSSR, expectSSRHasClass, testHydration } from "../../__tests__/utils/ssr.mjs";
-describe("YhGanttChart SSR", () => {
-  const data = [
-    {
-      id: "1",
-      name: "Launch Project",
-      startDate: "2024-03-01",
-      endDate: "2024-03-05",
-      progress: 100,
-      status: "success"
-    },
-    {
-      id: "2",
-      name: "Secondary Task",
-      startDate: "2024-03-06",
-      endDate: "2024-03-10",
-      dependencies: ["1"]
-    }
-  ];
-  const columns = [
-    { prop: "name", label: "Task Name", width: 200 },
-    { prop: "startDate", label: "Start Date", width: 140 }
-  ];
-  it("should render correctly in SSR", async () => {
-    const html = await renderSSR(GanttChart, {
-      data,
-      columns
-    });
-    expectSSRHasClass(html, "yh-gantt-chart");
-    expectSSRHasClass(html, "yh-gantt-chart__sidebar");
-    expectSSRHasClass(html, "yh-gantt-chart__timeline");
-    expect(html).toContain("Launch Project");
-    expect(html).toContain("Task Name");
-    expect(html).toContain("yh-gantt-chart__dependency-svg");
-  });
-  it("should render different view modes in SSR", async () => {
-    const modes = ["day", "week", "month", "year"];
-    for (const mode of modes) {
-      const html = await renderSSR(GanttChart, {
-        data,
-        viewMode: mode
-      });
-      expect(html).toBeTruthy();
-      expect(html).toContain("yh-gantt-chart");
-    }
-  });
-  it("should support virtual scrolling in SSR", async () => {
-    const html = await renderSSR(GanttChart, {
-      data,
-      virtual: true,
-      rowHeight: 50
-    });
-    expect(html).toContain("yh-gantt-chart");
-    expect(html).toContain("Launch Project");
-  });
-  it("should render custom slots in SSR", async () => {
-    const html = await renderSSR(
-      GanttChart,
-      {
-        data
-      },
-      {
-        "task-content": ({ task }) => h("span", `Custom-${task.name}`)
-      }
-    );
-    expect(html).toContain("Custom-Secondary Task");
-  });
-  it("should hydrate without mismatch", async () => {
-    const result = await testHydration(GanttChart, {
-      data,
-      columns,
-      virtual: true,
-      showDependencies: true
-    });
-    if (!result.isMatch) {
-      console.log("--- SSR HTML ---");
-      console.log(result.ssrHtml.substring(0, 1e3));
-      console.log("--- CSR HTML ---");
-      console.log(result.csrHtml.substring(0, 1e3));
-      for (let i = 0; i < Math.min(result.ssrHtml.length, result.csrHtml.length); i++) {
-        if (result.ssrHtml[i] !== result.csrHtml[i]) {
-          console.log(
-            `Mismatch at index ${i}: SSR="${result.ssrHtml.substring(i, i + 50)}", CSR="${result.csrHtml.substring(i, i + 50)}"`
-          );
-          break;
-        }
-      }
-    }
-    expect(result.isMatch).toBe(true);
-  });
-});

package/dist/gantt-chart/__tests__/gantt-chart.test.cjs

@@ -1,86 +0,0 @@
-"use strict";
-
-var _testUtils = require("@vue/test-utils");
-var _vitest = require("vitest");
-var _index = require("../index.cjs");
-(0, _vitest.describe)("GanttChart", () => {
-  const data = [{
-    id: "1",
-    name: "Task 1",
-    startDate: "2024-01-01",
-    endDate: "2024-01-05",
-    progress: 50
-  }];
-  (0, _vitest.it)("renders correctly", () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhGanttChart, {
-      props: {
-        data
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-gantt-chart").exists()).toBe(true);
-    (0, _vitest.expect)(wrapper.find(".yh-gantt-chart__sidebar").exists()).toBe(true);
-    (0, _vitest.expect)(wrapper.find(".yh-gantt-chart__timeline").exists()).toBe(true);
-  });
-  (0, _vitest.it)("renders task rows", () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhGanttChart, {
-      props: {
-        data
-      }
-    });
-    const rows = wrapper.findAll(".yh-gantt-chart__row");
-    (0, _vitest.expect)(rows.length).toBe(data.length);
-    (0, _vitest.expect)(rows[0].text()).toContain("Task 1");
-  });
-  (0, _vitest.it)("renders task bar in timeline", () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhGanttChart, {
-      props: {
-        data
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-gantt-chart__task-wrapper").exists()).toBe(true);
-  });
-  (0, _vitest.it)("emits task-click event", async () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhGanttChart, {
-      props: {
-        data
-      }
-    });
-    const taskBar = wrapper.find(".yh-gantt-chart__task-inner");
-    await taskBar.trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("task-click")).toBeTruthy();
-    (0, _vitest.expect)(wrapper.emitted("task-click")[0][0]).toEqual(_vitest.expect.objectContaining({
-      id: "1"
-    }));
-  });
-  (0, _vitest.it)("handles view mode changes", async () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhGanttChart, {
-      props: {
-        data,
-        viewMode: "day"
-      }
-    });
-    const weekButton = wrapper.findAll(".yh-radio-button").find(b => b.text().includes("\u5468"));
-    if (weekButton) {
-      await weekButton.find("input").trigger("change");
-      (0, _vitest.expect)(wrapper.emitted("update:viewMode")).toBeTruthy();
-      (0, _vitest.expect)(wrapper.emitted("update:viewMode")[0][0]).toBe("week");
-    }
-  });
-  (0, _vitest.it)("filters tasks via search", async () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhGanttChart, {
-      props: {
-        data: [...data, {
-          id: "2",
-          name: "Other",
-          startDate: "2024-01-01",
-          endDate: "2024-01-02"
-        }]
-      }
-    });
-    const input = wrapper.find('input[placeholder="\u641C\u7D22\u4EFB\u52A1..."]');
-    await input.setValue("Task 1");
-    const rows = wrapper.findAll(".yh-gantt-chart__row");
-    (0, _vitest.expect)(rows.length).toBe(1);
-    (0, _vitest.expect)(rows[0].text()).toContain("Task 1");
-  });
-});