@yh-ui/components 0.1.21 → 0.1.22

package/dist/dialog/__tests__/dialog.test.mjs

@@ -1,388 +0,0 @@
-import { describe, it, expect, vi, beforeEach } from "vitest";
-import { mount } from "@vue/test-utils";
-import { nextTick, h, defineComponent } from "vue";
-import { YhDialog } from "../index.mjs";
-import { useDialog } from "../src/use-dialog.mjs";
-describe("Dialog", () => {
-  beforeEach(() => {
-    document.body.innerHTML = "";
-  });
-  it("should render incorrectly when modelValue is false", () => {
-    mount(YhDialog, { props: { modelValue: false, title: "Test Dialog" } });
-    expect(document.querySelector(".yh-dialog")).toBeFalsy();
-  });
-  it("should render title and content correctly when open", async () => {
-    mount(YhDialog, {
-      props: { modelValue: true, title: "Hello Dialog" },
-      slots: { default: () => h("div", { class: "dialog-content" }, "Content Here") }
-    });
-    await nextTick();
-    const dialog = document.querySelector(".yh-dialog");
-    expect(dialog).toBeTruthy();
-    expect(dialog?.querySelector(".yh-dialog__title")?.textContent).toBe("Hello Dialog");
-    expect(dialog?.querySelector(".dialog-content")).toBeTruthy();
-  });
-  it("should support center mode", async () => {
-    mount(YhDialog, { props: { modelValue: true, center: true } });
-    await nextTick();
-    expect(document.querySelector(".yh-dialog")?.classList.contains("yh-dialog--center")).toBe(true);
-  });
-  it("should support glass mode", async () => {
-    mount(YhDialog, { props: { modelValue: true, glass: true } });
-    await nextTick();
-    expect(document.querySelector(".yh-dialog")?.classList.contains("yh-dialog--glass")).toBe(true);
-  });
-  it("should call beforeClose when closing", async () => {
-    const beforeClose = vi.fn((done) => done());
-    mount(YhDialog, { props: { modelValue: true, beforeClose } });
-    await nextTick();
-    const closeBtn = document.querySelector(".yh-dialog__headerbtn");
-    closeBtn.click();
-    expect(beforeClose).toHaveBeenCalled();
-  });
-  it("should support custom close icon", async () => {
-    mount(YhDialog, { props: { modelValue: true, closeIcon: "custom-close" } });
-    await nextTick();
-    expect(document.querySelector(".yh-dialog__headerbtn .yh-icon")).toBeTruthy();
-  });
-  it("should support headerAlign, contentAlign and footerAlign", async () => {
-    mount(YhDialog, {
-      props: {
-        modelValue: true,
-        headerAlign: "right",
-        contentAlign: "center",
-        footerAlign: "left"
-      }
-    });
-    await nextTick();
-    const header = document.querySelector(".yh-dialog__header");
-    const body = document.querySelector(".yh-dialog__body");
-    const footer = document.querySelector(".yh-dialog__footer");
-    expect(header.style.justifyContent).toBe("flex-end");
-    expect(body.style.textAlign).toBe("center");
-    expect(footer.style.justifyContent).toBe("flex-start");
-  });
-  it("should support swapFooterButtons", async () => {
-    mount(YhDialog, {
-      props: { modelValue: true, swapFooterButtons: true, footerAlign: "right" }
-    });
-    await nextTick();
-    const footer = document.querySelector(".yh-dialog__footer");
-    expect(footer.style.flexDirection).toBe("row-reverse");
-    expect(footer.style.justifyContent).toBe("flex-start");
-  });
-  it("should emit confirm and cancel events", async () => {
-    const onConfirm = vi.fn();
-    const onCancel = vi.fn();
-    mount(YhDialog, { props: { modelValue: true, onConfirm, onCancel } });
-    await nextTick();
-    const btns = document.querySelectorAll(".yh-dialog__footer .yh-button");
-    if (btns.length >= 2) {
-      ;
-      btns[1].click();
-      await nextTick();
-      expect(onConfirm).toHaveBeenCalled();
-    }
-  });
-  it("should support draggable dialog via prop", async () => {
-    mount(YhDialog, { props: { modelValue: true, draggable: true, title: "Drag Me" } });
-    await nextTick();
-    const header = document.querySelector(".yh-dialog__header");
-    expect(header).toBeTruthy();
-    expect(document.querySelector(".yh-dialog")).toBeTruthy();
-  });
-  it("should support fullscreen mode class", async () => {
-    mount(YhDialog, { props: { modelValue: true, fullscreen: true } });
-    await nextTick();
-    const dialog = document.querySelector(".yh-dialog");
-    expect(dialog).toBeTruthy();
-    const hasFullscreen = dialog?.classList.contains("is-fullscreen") || dialog?.classList.contains("yh-dialog--fullscreen") || dialog?.style.width === "100%";
-    expect(document.querySelector(".yh-dialog")).toBeTruthy();
-  });
-  it("should support custom width, top and z-index", async () => {
-    mount(YhDialog, {
-      props: { modelValue: true, width: "600px", top: "20vh", zIndex: 3e3 }
-    });
-    await nextTick();
-    const dialog = document.querySelector(".yh-dialog");
-    expect(dialog.style.width).toBe("600px");
-  });
-  it("should render footer slot", async () => {
-    mount(YhDialog, {
-      props: { modelValue: true },
-      slots: { footer: () => h("div", { class: "custom-footer" }, "My Footer") }
-    });
-    await nextTick();
-    expect(document.querySelector(".custom-footer")).toBeTruthy();
-  });
-  it("should render header slot", async () => {
-    mount(YhDialog, {
-      props: { modelValue: true },
-      slots: { header: () => h("span", { class: "custom-header" }, "My Header") }
-    });
-    await nextTick();
-    expect(document.querySelector(".custom-header")).toBeTruthy();
-  });
-  describe("Complex Interactions", () => {
-    it("should support draggable logic", async () => {
-      const onDragStart = vi.fn();
-      const onDragEnd = vi.fn();
-      mount(YhDialog, {
-        props: { modelValue: true, draggable: true, onDragStart, onDragEnd }
-      });
-      await nextTick();
-      const header = document.querySelector(".yh-dialog__header");
-      const mousedown = new MouseEvent("mousedown", { button: 0, bubbles: true });
-      header.dispatchEvent(mousedown);
-      expect(onDragStart).toHaveBeenCalled();
-      const mousemove = new MouseEvent("mousemove", { clientX: 100, clientY: 100, bubbles: true });
-      document.dispatchEvent(mousemove);
-      const mouseup = new MouseEvent("mouseup", { bubbles: true });
-      document.dispatchEvent(mouseup);
-      expect(onDragEnd).toHaveBeenCalled();
-    });
-    it("should trap focus when tabbing", async () => {
-      mount(YhDialog, {
-        props: { modelValue: true },
-        slots: {
-          default: () => [
-            h("input", { id: "input1", tabIndex: 0 }),
-            h("button", { id: "btn2", tabIndex: 0 })
-          ]
-        }
-      });
-      await nextTick();
-      const dialog = document.querySelector(".yh-dialog");
-      const input1 = document.getElementById("input1");
-      const btn2 = document.getElementById("btn2");
-      btn2.focus();
-      const event = new KeyboardEvent("keydown", { key: "Tab", bubbles: true });
-      dialog.dispatchEvent(event);
-    });
-    it("should close on Escape key", async () => {
-      const onUpdateModelValue = vi.fn();
-      mount(YhDialog, {
-        props: {
-          modelValue: true,
-          closeOnPressEscape: true,
-          "onUpdate:modelValue": onUpdateModelValue
-        }
-      });
-      await nextTick();
-      const event = new KeyboardEvent("keydown", { key: "Escape", bubbles: true });
-      window.dispatchEvent(event);
-      expect(onUpdateModelValue).toHaveBeenCalledWith(false);
-    });
-    it("should close on modal click", async () => {
-      const onUpdateModelValue = vi.fn();
-      mount(YhDialog, {
-        props: {
-          modelValue: true,
-          closeOnClickModal: true,
-          "onUpdate:modelValue": onUpdateModelValue
-        }
-      });
-      await nextTick();
-      const wrapper = document.querySelector(".yh-dialog__wrapper");
-      const mousedown = new MouseEvent("mousedown", { bubbles: true });
-      wrapper.dispatchEvent(mousedown);
-      const click = new MouseEvent("click", { bubbles: true });
-      wrapper.dispatchEvent(click);
-      expect(onUpdateModelValue).toHaveBeenCalledWith(false);
-    });
-    it("should parse style string correctly", async () => {
-      mount(YhDialog, {
-        props: { modelValue: true, style: "color: blue; font-size: 20px;" }
-      });
-      await nextTick();
-      const dialog = document.querySelector(".yh-dialog");
-      expect(dialog.style.color).toBe("blue");
-      expect(dialog.style.fontSize).toBe("20px");
-    });
-    it("should handle type icons", async () => {
-      mount(YhDialog, {
-        props: { modelValue: true, type: "success", showIcon: true }
-      });
-      await nextTick();
-      expect(document.querySelector(".yh-dialog--success")).toBeTruthy();
-      expect(document.querySelector(".yh-dialog__type-icon")).toBeTruthy();
-    });
-    it("should destroy content on close when destroyOnClose is true", async () => {
-      const wrapper = mount(YhDialog, {
-        props: { modelValue: true, destroyOnClose: true },
-        slots: { default: () => h("div", { class: "destroy-me" }, "I will be destroyed") }
-      });
-      await nextTick();
-      expect(document.querySelector(".destroy-me")).toBeTruthy();
-      await wrapper.setProps({ modelValue: false });
-      await nextTick();
-    });
-    it("should handle dragging boundaries when overflow is false", async () => {
-      mount(YhDialog, {
-        props: { modelValue: true, draggable: true, overflow: false }
-      });
-      await nextTick();
-      const header = document.querySelector(".yh-dialog__header");
-      const dialog = document.querySelector(".yh-dialog");
-      vi.spyOn(dialog, "getBoundingClientRect").mockReturnValue({
-        left: 100,
-        right: 500,
-        top: 100,
-        bottom: 400,
-        width: 400,
-        height: 300,
-        x: 100,
-        y: 100,
-        toJSON: () => {
-        }
-      });
-      const mousedown = new MouseEvent("mousedown", { button: 0, bubbles: true });
-      header.dispatchEvent(mousedown);
-      const mousemove = new MouseEvent("mousemove", { clientX: 2e3, clientY: 2e3, bubbles: true });
-      document.dispatchEvent(mousemove);
-      expect(document.querySelector(".yh-dialog")).toBeTruthy();
-    });
-    it("should trap focus with Shift+Tab", async () => {
-      mount(YhDialog, {
-        props: { modelValue: true },
-        slots: {
-          default: () => [
-            h("input", { id: "input1", tabIndex: 0 }),
-            h("button", { id: "btn2", tabIndex: 0 })
-          ]
-        }
-      });
-      await nextTick();
-      const dialog = document.querySelector(".yh-dialog");
-      const input1 = document.getElementById("input1");
-      const btn2 = document.getElementById("btn2");
-      input1.focus();
-      const event = new KeyboardEvent("keydown", { key: "Tab", shiftKey: true, bubbles: true });
-      window.dispatchEvent(event);
-    });
-    it("should handle transformOrigin: mouse", async () => {
-      const clickEvent = new MouseEvent("click", { clientX: 100, clientY: 100 });
-      document.dispatchEvent(clickEvent);
-      mount(YhDialog, {
-        props: { modelValue: true, transformOrigin: "mouse" }
-      });
-      await nextTick();
-      const dialog = document.querySelector(".yh-dialog");
-      expect(dialog.style.transformOrigin).toBeDefined();
-    });
-    it("should prevent modal close if mousedown was inside dialog", async () => {
-      const onUpdateModelValue = vi.fn();
-      mount(YhDialog, {
-        props: {
-          modelValue: true,
-          closeOnClickModal: true,
-          "onUpdate:modelValue": onUpdateModelValue
-        }
-      });
-      await nextTick();
-      const dialog = document.querySelector(".yh-dialog");
-      const wrapper = document.querySelector(".yh-dialog__wrapper");
-      const mousedown = new MouseEvent("mousedown", { bubbles: true });
-      dialog.dispatchEvent(mousedown);
-      const click = new MouseEvent("click", { bubbles: true });
-      wrapper.dispatchEvent(click);
-      expect(onUpdateModelValue).not.toHaveBeenCalled();
-    });
-  });
-});
-describe("useDialog", () => {
-  beforeEach(() => {
-    document.body.innerHTML = "";
-  });
-  it("should show dialog and resolve when confirm clicked", async () => {
-    const TestComponent = defineComponent({
-      setup() {
-        const { showDialog } = useDialog();
-        const open = async () => {
-          return showDialog({ title: "\u6D4B\u8BD5\u5BF9\u8BDD\u6846" });
-        };
-        return { open };
-      },
-      template: '<button id="open-btn" @click="open">Open</button>'
-    });
-    const wrapper = mount(TestComponent);
-    wrapper.vm.open();
-    await nextTick();
-    const dialog = document.querySelector(".yh-dialog");
-    expect(dialog).toBeTruthy();
-    const btns = document.querySelectorAll(".yh-dialog__footer .yh-button");
-    if (btns.length >= 2) {
-      ;
-      btns[1].click();
-      await nextTick();
-    }
-  });
-  it("should show dialog and resolve when cancel clicked", async () => {
-    const TestComponent = defineComponent({
-      setup() {
-        const { showDialog } = useDialog();
-        const open = () => showDialog({ title: "\u53D6\u6D88\u6D4B\u8BD5" });
-        return { open };
-      },
-      template: '<button @click="open">Open</button>'
-    });
-    mount(TestComponent).vm.open();
-    await nextTick();
-    const btns = document.querySelectorAll(".yh-dialog__footer .yh-button");
-    if (btns.length >= 1) {
-      ;
-      btns[0].click();
-      await nextTick();
-    }
-    expect(document.querySelector(".yh-dialog")).toBeTruthy();
-  });
-  it("should show dialog with string content", async () => {
-    const TestComponent = defineComponent({
-      setup() {
-        const { showDialog } = useDialog();
-        const open = () => showDialog({
-          title: "\u5185\u5BB9\u6D4B\u8BD5",
-          content: "\u8FD9\u662F\u5185\u5BB9"
-        });
-        return { open };
-      },
-      template: '<button @click="open">Open</button>'
-    });
-    mount(TestComponent).vm.open();
-    await nextTick();
-    expect(document.querySelector(".yh-dialog")).toBeTruthy();
-  });
-  it("should show dialog with slot-like options", async () => {
-    const TestComponent = defineComponent({
-      setup() {
-        const { showDialog } = useDialog();
-        const open = () => showDialog({
-          title: "\u63D2\u69FD\u6D4B\u8BD5",
-          header: () => h("span", "Custom Header"),
-          default: () => h("span", "Custom Body"),
-          footer: () => h("span", "Custom Footer")
-        });
-        return { open };
-      },
-      template: '<button @click="open">Open</button>'
-    });
-    mount(TestComponent).vm.open();
-    await nextTick();
-    expect(document.querySelector(".yh-dialog")).toBeTruthy();
-  });
-  it("should call onClosed callback", async () => {
-    const onClosed = vi.fn();
-    const TestComponent = defineComponent({
-      setup() {
-        const { showDialog } = useDialog();
-        const open = () => showDialog({ title: "Closed Test", onClosed });
-        return { open };
-      },
-      template: '<button @click="open">Open</button>'
-    });
-    mount(TestComponent).vm.open();
-    await nextTick();
-    const closeBtn = document.querySelector(".yh-dialog__headerbtn");
-    if (closeBtn) closeBtn.click();
-  });
-});

package/dist/divider/__tests__/divider.ssr.test.cjs

@@ -1,41 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _divider = _interopRequireDefault(require("../src/divider.vue"));
-var _ssr = require("../../__tests__/utils/ssr.cjs");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhDivider SSR", () => {
-  (0, _vitest.it)("should render correctly in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_divider.default, {
-      contentPosition: "center"
-    }, {
-      default: () => "Divider Content"
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-divider");
-    (0, _vitest.expect)(html).toContain("Divider Content");
-  });
-  (0, _vitest.it)("should render vertical orientation in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_divider.default, {
-      direction: "vertical"
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-divider--vertical");
-  });
-  (0, _vitest.it)("should render different border styles in SSR", async () => {
-    const borderStyles = ["solid", "dashed", "dotted"];
-    for (const borderStyle of borderStyles) {
-      const html = await (0, _ssr.renderSSR)(_divider.default, {
-        borderStyle
-      });
-      (0, _vitest.expect)(html).toContain(`--yh-divider-border-style:${borderStyle}`);
-    }
-  });
-  (0, _vitest.it)("should hydrate without mismatch", async () => {
-    const result = await (0, _ssr.testHydration)(_divider.default, {
-      contentPosition: "left",
-      borderStyle: "dashed"
-    }, {
-      default: () => "Left Text"
-    });
-    (0, _vitest.expect)(result.isMatch).toBe(true);
-  });
-});

package/dist/divider/__tests__/divider.ssr.test.mjs

@@ -1,44 +0,0 @@
-import { describe, it, expect } from "vitest";
-import Divider from "../src/divider.vue";
-import { renderSSR, expectSSRHasClass, testHydration } from "../../__tests__/utils/ssr.mjs";
-describe("YhDivider SSR", () => {
-  it("should render correctly in SSR", async () => {
-    const html = await renderSSR(
-      Divider,
-      {
-        contentPosition: "center"
-      },
-      {
-        default: () => "Divider Content"
-      }
-    );
-    expectSSRHasClass(html, "yh-divider");
-    expect(html).toContain("Divider Content");
-  });
-  it("should render vertical orientation in SSR", async () => {
-    const html = await renderSSR(Divider, {
-      direction: "vertical"
-    });
-    expectSSRHasClass(html, "yh-divider--vertical");
-  });
-  it("should render different border styles in SSR", async () => {
-    const borderStyles = ["solid", "dashed", "dotted"];
-    for (const borderStyle of borderStyles) {
-      const html = await renderSSR(Divider, { borderStyle });
-      expect(html).toContain(`--yh-divider-border-style:${borderStyle}`);
-    }
-  });
-  it("should hydrate without mismatch", async () => {
-    const result = await testHydration(
-      Divider,
-      {
-        contentPosition: "left",
-        borderStyle: "dashed"
-      },
-      {
-        default: () => "Left Text"
-      }
-    );
-    expect(result.isMatch).toBe(true);
-  });
-});

package/dist/divider/__tests__/divider.test.cjs

@@ -1,71 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _testUtils = require("@vue/test-utils");
-var _divider = _interopRequireDefault(require("../src/divider.vue"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhDivider", () => {
-  (0, _vitest.it)("should render correctly", () => {
-    const wrapper = (0, _testUtils.mount)(_divider.default);
-    (0, _vitest.expect)(wrapper.classes()).toContain("yh-divider");
-    (0, _vitest.expect)(wrapper.classes()).toContain("yh-divider--horizontal");
-    (0, _vitest.expect)(wrapper.attributes("role")).toBe("separator");
-  });
-  (0, _vitest.it)("should support vertical direction", () => {
-    const wrapper = (0, _testUtils.mount)(_divider.default, {
-      props: {
-        direction: "vertical"
-      }
-    });
-    (0, _vitest.expect)(wrapper.classes()).toContain("yh-divider--vertical");
-  });
-  (0, _vitest.it)("should render content with specific position", () => {
-    const positions = ["left", "right"];
-    positions.forEach(position => {
-      const wrapper = (0, _testUtils.mount)(_divider.default, {
-        props: {
-          contentPosition: position
-        },
-        slots: {
-          default: "Divider Text"
-        }
-      });
-      (0, _vitest.expect)(wrapper.find(".yh-divider__text").exists()).toBe(true);
-      (0, _vitest.expect)(wrapper.find(".yh-divider__text").text()).toBe("Divider Text");
-      (0, _vitest.expect)(wrapper.classes()).toContain(`yh-divider--content-${position}`);
-      (0, _vitest.expect)(wrapper.find(".yh-divider__text").classes()).toContain(`is-${position}`);
-    });
-  });
-  (0, _vitest.it)("should not render text when direction is vertical", () => {
-    const wrapper = (0, _testUtils.mount)(_divider.default, {
-      props: {
-        direction: "vertical"
-      },
-      slots: {
-        default: "Text"
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-divider__text").exists()).toBe(false);
-  });
-  (0, _vitest.it)("should apply custom styles correctly", () => {
-    const wrapper = (0, _testUtils.mount)(_divider.default, {
-      props: {
-        borderStyle: "dashed",
-        borderWidth: 2,
-        color: "red"
-      }
-    });
-    const style = wrapper.attributes("style");
-    (0, _vitest.expect)(style).toContain("--yh-divider-border-style: dashed");
-    (0, _vitest.expect)(style).toContain("--yh-divider-border-width: 2px");
-    (0, _vitest.expect)(style).toContain("--yh-divider-border-color: red");
-  });
-  (0, _vitest.it)("should support string border width", () => {
-    const wrapper = (0, _testUtils.mount)(_divider.default, {
-      props: {
-        borderWidth: "1rem"
-      }
-    });
-    (0, _vitest.expect)(wrapper.attributes("style")).toContain("--yh-divider-border-width: 1rem");
-  });
-});

package/dist/divider/__tests__/divider.test.mjs

@@ -1,68 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { mount } from "@vue/test-utils";
-import Divider from "../src/divider.vue";
-describe("YhDivider", () => {
-  it("should render correctly", () => {
-    const wrapper = mount(Divider);
-    expect(wrapper.classes()).toContain("yh-divider");
-    expect(wrapper.classes()).toContain("yh-divider--horizontal");
-    expect(wrapper.attributes("role")).toBe("separator");
-  });
-  it("should support vertical direction", () => {
-    const wrapper = mount(Divider, {
-      props: {
-        direction: "vertical"
-      }
-    });
-    expect(wrapper.classes()).toContain("yh-divider--vertical");
-  });
-  it("should render content with specific position", () => {
-    const positions = ["left", "right"];
-    positions.forEach((position) => {
-      const wrapper = mount(Divider, {
-        props: {
-          contentPosition: position
-        },
-        slots: {
-          default: "Divider Text"
-        }
-      });
-      expect(wrapper.find(".yh-divider__text").exists()).toBe(true);
-      expect(wrapper.find(".yh-divider__text").text()).toBe("Divider Text");
-      expect(wrapper.classes()).toContain(`yh-divider--content-${position}`);
-      expect(wrapper.find(".yh-divider__text").classes()).toContain(`is-${position}`);
-    });
-  });
-  it("should not render text when direction is vertical", () => {
-    const wrapper = mount(Divider, {
-      props: {
-        direction: "vertical"
-      },
-      slots: {
-        default: "Text"
-      }
-    });
-    expect(wrapper.find(".yh-divider__text").exists()).toBe(false);
-  });
-  it("should apply custom styles correctly", () => {
-    const wrapper = mount(Divider, {
-      props: {
-        borderStyle: "dashed",
-        borderWidth: 2,
-        color: "red"
-      }
-    });
-    const style = wrapper.attributes("style");
-    expect(style).toContain("--yh-divider-border-style: dashed");
-    expect(style).toContain("--yh-divider-border-width: 2px");
-    expect(style).toContain("--yh-divider-border-color: red");
-  });
-  it("should support string border width", () => {
-    const wrapper = mount(Divider, {
-      props: {
-        borderWidth: "1rem"
-      }
-    });
-    expect(wrapper.attributes("style")).toContain("--yh-divider-border-width: 1rem");
-  });
-});

package/dist/drawer/__tests__/drawer.ssr.test.cjs

@@ -1,25 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _serverRenderer = require("@vue/server-renderer");
-var _testUtils = require("@vue/test-utils");
-var _index = require("../index.cjs");
-(0, _vitest.describe)("Drawer SSR", () => {
-  (0, _vitest.it)("should render correctly on server", async () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhDrawer, {
-      props: {
-        modelValue: true,
-        title: "SSR Title",
-        inner: true
-        // Disable teleport via inner mode for SSR test
-      },
-      slots: {
-        default: "SSR Content"
-      }
-    });
-    const html = await (0, _serverRenderer.renderToString)(wrapper.vm.$.vnode);
-    (0, _vitest.expect)(html).toContain("SSR Title");
-    (0, _vitest.expect)(html).toContain("SSR Content");
-    (0, _vitest.expect)(html).toContain("yh-drawer");
-  });
-});

package/dist/drawer/__tests__/drawer.ssr.test.mjs

@@ -1,23 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { renderToString } from "@vue/server-renderer";
-import { mount } from "@vue/test-utils";
-import { YhDrawer } from "../index.mjs";
-describe("Drawer SSR", () => {
-  it("should render correctly on server", async () => {
-    const wrapper = mount(YhDrawer, {
-      props: {
-        modelValue: true,
-        title: "SSR Title",
-        inner: true
-        // Disable teleport via inner mode for SSR test
-      },
-      slots: {
-        default: "SSR Content"
-      }
-    });
-    const html = await renderToString(wrapper.vm.$.vnode);
-    expect(html).toContain("SSR Title");
-    expect(html).toContain("SSR Content");
-    expect(html).toContain("yh-drawer");
-  });
-});