@yh-ui/components 0.1.21 → 0.1.23

package/dist/icon/__tests__/icon.test.mjs

@@ -1,123 +0,0 @@
-import { mount } from "@vue/test-utils";
-import { describe, it, expect } from "vitest";
-import { YhIcon } from "../index.mjs";
-import { registerIcon, createIconComponent } from "../src/icon.mjs";
-import { h, markRaw } from "vue";
-describe("Icon", () => {
-  it("render test", () => {
-    const wrapper = mount(YhIcon);
-    expect(wrapper.find(".yh-icon").exists()).toBe(true);
-  });
-  it("size test", () => {
-    const wrapper = mount(YhIcon, {
-      props: {
-        size: 20
-      }
-    });
-    const style = wrapper.attributes("style");
-    expect(style).toContain("font-size: 20px");
-    expect(style).toContain("width: 20px");
-    expect(style).toContain("height: 20px");
-    const wrapper2 = mount(YhIcon, {
-      props: {
-        size: "2em"
-      }
-    });
-    expect(wrapper2.attributes("style")).toContain("font-size: 2em");
-  });
-  it("color test", () => {
-    const wrapper = mount(YhIcon, {
-      props: {
-        color: "rgb(255, 0, 0)"
-      }
-    });
-    expect(wrapper.attributes("style")).toContain("color: rgb(255, 0, 0)");
-  });
-  it("spin test", () => {
-    const wrapper = mount(YhIcon, {
-      props: {
-        spin: true
-      }
-    });
-    expect(wrapper.classes()).toContain("yh-icon--spin");
-  });
-  it("rotate test", () => {
-    const wrapper = mount(YhIcon, {
-      props: {
-        rotate: 90
-      }
-    });
-    expect(wrapper.attributes("style")).toContain("transform: rotate(90deg)");
-  });
-  it("svg prop test", () => {
-    const svgStr = '<path d="M10 10l5 5" />';
-    const wrapper = mount(YhIcon, {
-      props: {
-        svg: svgStr
-      }
-    });
-    expect(wrapper.find("svg").exists()).toBe(true);
-    expect(wrapper.find("svg").html()).toContain('d="M10 10l5 5"');
-  });
-  it("name registration test", () => {
-    registerIcon({ name: "test-icon", svg: '<circle cx="12" cy="12" r="10" />' });
-    const wrapper = mount(YhIcon, {
-      props: {
-        name: "test-icon"
-      }
-    });
-    expect(wrapper.find("svg").html()).toContain("circle");
-  });
-  it("icon component test", () => {
-    const iconComp = markRaw(createIconComponent('<rect width="10" height="10" />'));
-    const renderResult = iconComp.render();
-    expect(renderResult).toBeNull();
-    const wrapper = mount(YhIcon, {
-      props: {
-        icon: iconComp
-      }
-    });
-    expect(wrapper.find("svg").html()).toContain("rect");
-    const UserIcon = markRaw({
-      render() {
-        return h("svg", { class: "user-icon" }, [h("path", { d: "M1 1l2 2" })]);
-      }
-    });
-    const wrapper2 = mount(YhIcon, {
-      props: {
-        icon: UserIcon
-      }
-    });
-    expect(wrapper2.find(".user-icon").exists()).toBe(true);
-  });
-  it("registerIcons and registerIconSet test", async () => {
-    const { registerIcons, registerIconSet } = await import("../src/icon.mjs");
-    registerIcons([
-      { name: "batch-1", svg: '<path d="M1" />' },
-      { name: "batch-2", svg: '<path d="M2" />' }
-    ]);
-    const iconSet = {
-      prefix: "custom",
-      icons: {
-        "icon-1": { name: "icon-1", svg: '<path d="M1 1" />' },
-        "icon-2": { name: "icon-2", svg: '<path d="M2 2" />' }
-      }
-    };
-    registerIconSet(iconSet);
-    const wrapper = mount(YhIcon, {
-      props: {
-        name: "custom:icon-1"
-      }
-    });
-    expect(wrapper.find("svg").html()).toContain('d="M1 1"');
-  });
-  it("slot test", () => {
-    const wrapper = mount(YhIcon, {
-      slots: {
-        default: '<span class="custom-slot">custom</span>'
-      }
-    });
-    expect(wrapper.find(".custom-slot").exists()).toBe(true);
-    expect(wrapper.text()).toBe("custom");
-  });
-});

package/dist/image/__tests__/image-viewer.test.cjs

@@ -1,101 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _testUtils = require("@vue/test-utils");
-var _imageViewer = _interopRequireDefault(require("../src/image-viewer.vue"));
-var _vue = require("vue");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const urlList = ["https://picsum.photos/400/300", "https://picsum.photos/400/301"];
-(0, _vitest.describe)("YhImageViewer", () => {
-  (0, _vitest.it)("render basic", () => {
-    const wrapper = (0, _testUtils.mount)(_imageViewer.default, {
-      props: {
-        urlList,
-        teleported: false
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-viewer").exists()).toBe(true);
-    (0, _vitest.expect)(wrapper.find(".yh-viewer__mask").exists()).toBe(true);
-    (0, _vitest.expect)(wrapper.find(".yh-viewer__canvas img").attributes("src")).toBe(urlList[0]);
-  });
-  (0, _vitest.it)("close event", async () => {
-    const wrapper = (0, _testUtils.mount)(_imageViewer.default, {
-      props: {
-        urlList,
-        teleported: false
-      }
-    });
-    await wrapper.find(".yh-viewer__close").trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("close")).toBeTruthy();
-    await wrapper.find(".yh-viewer__mask").trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("close")).toHaveLength(1);
-    await wrapper.setProps({
-      hideOnClickModal: true
-    });
-    await wrapper.find(".yh-viewer__mask").trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("close")).toHaveLength(2);
-  });
-  (0, _vitest.it)("switch image", async () => {
-    const wrapper = (0, _testUtils.mount)(_imageViewer.default, {
-      props: {
-        urlList,
-        teleported: false
-      }
-    });
-    const prevBtn = wrapper.find(".yh-viewer__prev");
-    const nextBtn = wrapper.find(".yh-viewer__next");
-    (0, _vitest.expect)(wrapper.find(".yh-viewer__canvas img").attributes("src")).toBe(urlList[0]);
-    await prevBtn.trigger("click");
-    (0, _vitest.expect)(wrapper.find(".yh-viewer__canvas img").attributes("src")).toBe(urlList[1]);
-    (0, _vitest.expect)(wrapper.emitted("switch")).toBeTruthy();
-    (0, _vitest.expect)(wrapper.emitted("switch")[0]).toEqual([1]);
-    await nextBtn.trigger("click");
-    (0, _vitest.expect)(wrapper.find(".yh-viewer__canvas img").attributes("src")).toBe(urlList[0]);
-    (0, _vitest.expect)(wrapper.emitted("switch")[1]).toEqual([0]);
-  });
-  (0, _vitest.it)("actions", async () => {
-    const wrapper = (0, _testUtils.mount)(_imageViewer.default, {
-      props: {
-        urlList,
-        teleported: false
-      }
-    });
-    const img = wrapper.find(".yh-viewer__canvas img");
-    await wrapper.find(".yh-viewer__zoom-in").trigger("click");
-    (0, _vitest.expect)(img.attributes("style")).toContain("scale(1.2)");
-    await wrapper.find(".yh-viewer__zoom-out").trigger("click");
-    (0, _vitest.expect)(img.attributes("style")).toContain("scale(1)");
-    await wrapper.find(".yh-viewer__rotate-right").trigger("click");
-    (0, _vitest.expect)(img.attributes("style")).toContain("rotate(90deg)");
-    await wrapper.find(".yh-viewer__rotate-left").trigger("click");
-    (0, _vitest.expect)(img.attributes("style")).toContain("rotate(0deg)");
-    await wrapper.find(".yh-viewer__reset").trigger("click");
-    (0, _vitest.expect)(img.attributes("style")).toContain("scale(1)");
-    (0, _vitest.expect)(img.attributes("style")).toContain("rotate(0deg)");
-  });
-  (0, _vitest.it)("keyboard support", async () => {
-    const wrapper = (0, _testUtils.mount)(_imageViewer.default, {
-      props: {
-        urlList,
-        teleported: false
-      }
-    });
-    const triggerKey = async key => {
-      const event = new KeyboardEvent("keydown", {
-        key
-      });
-      window.dispatchEvent(event);
-      await (0, _vue.nextTick)();
-    };
-    await triggerKey("Escape");
-    (0, _vitest.expect)(wrapper.emitted("close")).toBeTruthy();
-    await triggerKey("ArrowLeft");
-    (0, _vitest.expect)(wrapper.find(".yh-viewer__canvas img").attributes("src")).toBe(urlList[1]);
-    await triggerKey("ArrowRight");
-    (0, _vitest.expect)(wrapper.find(".yh-viewer__canvas img").attributes("src")).toBe(urlList[0]);
-    await triggerKey("ArrowUp");
-    (0, _vitest.expect)(wrapper.find(".yh-viewer__canvas img").attributes("style")).toContain("scale(1.2)");
-    await triggerKey("ArrowDown");
-    (0, _vitest.expect)(wrapper.find(".yh-viewer__canvas img").attributes("style")).toContain("scale(1)");
-  });
-});

package/dist/image/__tests__/image-viewer.test.mjs

@@ -1,94 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { mount } from "@vue/test-utils";
-import YhImageViewer from "../src/image-viewer.vue";
-import { nextTick } from "vue";
-const urlList = ["https://picsum.photos/400/300", "https://picsum.photos/400/301"];
-describe("YhImageViewer", () => {
-  it("render basic", () => {
-    const wrapper = mount(YhImageViewer, {
-      props: {
-        urlList,
-        teleported: false
-      }
-    });
-    expect(wrapper.find(".yh-viewer").exists()).toBe(true);
-    expect(wrapper.find(".yh-viewer__mask").exists()).toBe(true);
-    expect(wrapper.find(".yh-viewer__canvas img").attributes("src")).toBe(urlList[0]);
-  });
-  it("close event", async () => {
-    const wrapper = mount(YhImageViewer, {
-      props: {
-        urlList,
-        teleported: false
-      }
-    });
-    await wrapper.find(".yh-viewer__close").trigger("click");
-    expect(wrapper.emitted("close")).toBeTruthy();
-    await wrapper.find(".yh-viewer__mask").trigger("click");
-    expect(wrapper.emitted("close")).toHaveLength(1);
-    await wrapper.setProps({ hideOnClickModal: true });
-    await wrapper.find(".yh-viewer__mask").trigger("click");
-    expect(wrapper.emitted("close")).toHaveLength(2);
-  });
-  it("switch image", async () => {
-    const wrapper = mount(YhImageViewer, {
-      props: {
-        urlList,
-        teleported: false
-      }
-    });
-    const prevBtn = wrapper.find(".yh-viewer__prev");
-    const nextBtn = wrapper.find(".yh-viewer__next");
-    expect(wrapper.find(".yh-viewer__canvas img").attributes("src")).toBe(urlList[0]);
-    await prevBtn.trigger("click");
-    expect(wrapper.find(".yh-viewer__canvas img").attributes("src")).toBe(urlList[1]);
-    expect(wrapper.emitted("switch")).toBeTruthy();
-    expect(wrapper.emitted("switch")[0]).toEqual([1]);
-    await nextBtn.trigger("click");
-    expect(wrapper.find(".yh-viewer__canvas img").attributes("src")).toBe(urlList[0]);
-    expect(wrapper.emitted("switch")[1]).toEqual([0]);
-  });
-  it("actions", async () => {
-    const wrapper = mount(YhImageViewer, {
-      props: {
-        urlList,
-        teleported: false
-      }
-    });
-    const img = wrapper.find(".yh-viewer__canvas img");
-    await wrapper.find(".yh-viewer__zoom-in").trigger("click");
-    expect(img.attributes("style")).toContain("scale(1.2)");
-    await wrapper.find(".yh-viewer__zoom-out").trigger("click");
-    expect(img.attributes("style")).toContain("scale(1)");
-    await wrapper.find(".yh-viewer__rotate-right").trigger("click");
-    expect(img.attributes("style")).toContain("rotate(90deg)");
-    await wrapper.find(".yh-viewer__rotate-left").trigger("click");
-    expect(img.attributes("style")).toContain("rotate(0deg)");
-    await wrapper.find(".yh-viewer__reset").trigger("click");
-    expect(img.attributes("style")).toContain("scale(1)");
-    expect(img.attributes("style")).toContain("rotate(0deg)");
-  });
-  it("keyboard support", async () => {
-    const wrapper = mount(YhImageViewer, {
-      props: {
-        urlList,
-        teleported: false
-      }
-    });
-    const triggerKey = async (key) => {
-      const event = new KeyboardEvent("keydown", { key });
-      window.dispatchEvent(event);
-      await nextTick();
-    };
-    await triggerKey("Escape");
-    expect(wrapper.emitted("close")).toBeTruthy();
-    await triggerKey("ArrowLeft");
-    expect(wrapper.find(".yh-viewer__canvas img").attributes("src")).toBe(urlList[1]);
-    await triggerKey("ArrowRight");
-    expect(wrapper.find(".yh-viewer__canvas img").attributes("src")).toBe(urlList[0]);
-    await triggerKey("ArrowUp");
-    expect(wrapper.find(".yh-viewer__canvas img").attributes("style")).toContain("scale(1.2)");
-    await triggerKey("ArrowDown");
-    expect(wrapper.find(".yh-viewer__canvas img").attributes("style")).toContain("scale(1)");
-  });
-});

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

@@ -1,73 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _vue = require("vue");
-var _serverRenderer = require("@vue/server-renderer");
-var _image = _interopRequireDefault(require("../src/image.vue"));
-var _imageViewer = _interopRequireDefault(require("../src/image-viewer.vue"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-_vitest.vi.mock("viewerjs", () => {
-  return {
-    default: class Viewer {
-      destroy() {}
-      show() {}
-    }
-  };
-});
-(0, _vitest.describe)("SSR for YhImage", () => {
-  (0, _vitest.it)("should render correct markup in SSR", async () => {
-    const app = (0, _vue.createSSRApp)(_image.default, {
-      src: "https://foo.com/bar.jpg",
-      alt: "test-alt",
-      fit: "cover",
-      loading: "lazy"
-    });
-    const html = await (0, _serverRenderer.renderToString)(app);
-    (0, _vitest.expect)(html).toContain("yh-image");
-  });
-  (0, _vitest.it)("renders placeholder slot on server", async () => {
-    const app = (0, _vue.createSSRApp)({
-      render() {
-        return (0, _vue.h)(_image.default, {
-          src: "foo.jpg"
-        }, {
-          placeholder: () => (0, _vue.h)("div", "SSR Placeholder")
-        });
-      }
-    });
-    const html = await (0, _serverRenderer.renderToString)(app);
-    (0, _vitest.expect)(html).toContain("SSR Placeholder");
-  });
-  (0, _vitest.it)("handles styles properly", async () => {
-    const app = (0, _vue.createSSRApp)(_image.default, {
-      src: "foo.jpg",
-      style: {
-        color: "red"
-      }
-    });
-    const html = await (0, _serverRenderer.renderToString)(app);
-    (0, _vitest.expect)(html).toMatch(/color:\s*red/);
-  });
-});
-(0, _vitest.describe)("SSR for YhImageViewer", () => {
-  (0, _vitest.it)("should render without crashing", async () => {
-    const app = (0, _vue.createSSRApp)(_imageViewer.default, {
-      urlList: ["https://foo.com/bar.jpg"],
-      teleported: false
-      // Disable teleport for easier server string checking or to avoid body lookup issues
-    });
-    const html = await (0, _serverRenderer.renderToString)(app);
-    (0, _vitest.expect)(html).toContain("yh-viewer");
-    (0, _vitest.expect)(html).toContain("yh-viewer__mask");
-    (0, _vitest.expect)(html).toContain("https://foo.com/bar.jpg");
-  });
-  (0, _vitest.it)("should handle multiple images", async () => {
-    const app = (0, _vue.createSSRApp)(_imageViewer.default, {
-      urlList: ["img1.jpg", "img2.jpg"],
-      teleported: false
-    });
-    const html = await (0, _serverRenderer.renderToString)(app);
-    (0, _vitest.expect)(html).toContain("yh-viewer__prev");
-    (0, _vitest.expect)(html).toContain("yh-viewer__next");
-  });
-});

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

@@ -1,72 +0,0 @@
-import { describe, it, expect, vi } from "vitest";
-import { createSSRApp, h } from "vue";
-import { renderToString } from "@vue/server-renderer";
-import YhImage from "../src/image.vue";
-import YhImageViewer from "../src/image-viewer.vue";
-vi.mock("viewerjs", () => {
-  return {
-    default: class Viewer {
-      destroy() {
-      }
-      show() {
-      }
-    }
-  };
-});
-describe("SSR for YhImage", () => {
-  it("should render correct markup in SSR", async () => {
-    const app = createSSRApp(YhImage, {
-      src: "https://foo.com/bar.jpg",
-      alt: "test-alt",
-      fit: "cover",
-      loading: "lazy"
-    });
-    const html = await renderToString(app);
-    expect(html).toContain("yh-image");
-  });
-  it("renders placeholder slot on server", async () => {
-    const app = createSSRApp({
-      render() {
-        return h(
-          YhImage,
-          { src: "foo.jpg" },
-          {
-            placeholder: () => h("div", "SSR Placeholder")
-          }
-        );
-      }
-    });
-    const html = await renderToString(app);
-    expect(html).toContain("SSR Placeholder");
-  });
-  it("handles styles properly", async () => {
-    const app = createSSRApp(YhImage, {
-      src: "foo.jpg",
-      style: { color: "red" }
-    });
-    const html = await renderToString(app);
-    expect(html).toMatch(/color:\s*red/);
-  });
-});
-describe("SSR for YhImageViewer", () => {
-  it("should render without crashing", async () => {
-    const app = createSSRApp(YhImageViewer, {
-      urlList: ["https://foo.com/bar.jpg"],
-      teleported: false
-      // Disable teleport for easier server string checking or to avoid body lookup issues
-    });
-    const html = await renderToString(app);
-    expect(html).toContain("yh-viewer");
-    expect(html).toContain("yh-viewer__mask");
-    expect(html).toContain("https://foo.com/bar.jpg");
-  });
-  it("should handle multiple images", async () => {
-    const app = createSSRApp(YhImageViewer, {
-      urlList: ["img1.jpg", "img2.jpg"],
-      teleported: false
-    });
-    const html = await renderToString(app);
-    expect(html).toContain("yh-viewer__prev");
-    expect(html).toContain("yh-viewer__next");
-  });
-});

package/dist/image/__tests__/image.test.cjs

@@ -1,171 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _testUtils = require("@vue/test-utils");
-var _image = _interopRequireDefault(require("../src/image.vue"));
-var _vue = require("vue");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-_vitest.vi.mock("@yh-ui/hooks", async () => {
-  const actual = await _vitest.vi.importActual("@yh-ui/hooks");
-  return {
-    ...actual,
-    useNamespace: name => ({
-      b: suffix => suffix ? `yh-${name}-${suffix}` : `yh-${name}`,
-      e: element => `yh-${name}__${element}`,
-      m: modifier => `yh-${name}--${modifier}`,
-      is: (state, value) => value !== false ? `is-${state}` : ""
-    }),
-    useLocale: () => ({
-      t: key => key
-    })
-  };
-});
-const observeSpy = _vitest.vi.fn();
-class IntersectionObserverMock {
-  constructor() {}
-  observe = observeSpy;
-  unobserve = _vitest.vi.fn();
-  disconnect = _vitest.vi.fn();
-  takeRecords = _vitest.vi.fn();
-}
-_vitest.vi.stubGlobal("IntersectionObserver", IntersectionObserverMock);
-class MockImage extends EventTarget {
-  src = "";
-  crossOrigin = null;
-  onload = null;
-  onerror = null;
-  width = 400;
-  height = 300;
-  naturalWidth = 400;
-  naturalHeight = 300;
-  complete = false;
-  constructor() {
-    super();
-    setTimeout(() => {
-      this.complete = true;
-      if (this.onload) this.onload();
-      this.dispatchEvent(new Event("load"));
-    }, 10);
-  }
-}
-(0, _vitest.describe)("YhImage", () => {
-  (0, _vitest.beforeEach)(() => {
-    _vitest.vi.stubGlobal("Image", MockImage);
-    _vitest.vi.stubGlobal("IntersectionObserver", IntersectionObserverMock);
-    observeSpy.mockClear();
-  });
-  (0, _vitest.afterEach)(() => {
-    _vitest.vi.unstubAllGlobals();
-  });
-  const src = "https://picsum.photos/400/300";
-  (0, _vitest.it)("render basic", () => {
-    const wrapper = (0, _testUtils.mount)(_image.default, {
-      props: {
-        src
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-image").exists()).toBe(true);
-  });
-  (0, _vitest.it)("renders fit prop correctly", async () => {
-    const wrapper = (0, _testUtils.mount)(_image.default, {
-      props: {
-        src,
-        fit: "contain"
-      }
-    });
-    await new Promise(resolve => setTimeout(resolve, 100));
-    await (0, _vue.nextTick)();
-    const img = wrapper.find(".yh-image__inner");
-    (0, _vitest.expect)(img.exists()).toBe(true);
-    (0, _vitest.expect)(img.attributes("style")).toContain("object-fit: contain");
-  });
-  (0, _vitest.it)("load success event", async () => {
-    const wrapper = (0, _testUtils.mount)(_image.default, {
-      props: {
-        src
-      }
-    });
-    await new Promise(resolve => setTimeout(resolve, 100));
-    (0, _vitest.expect)(wrapper.emitted("load")).toBeTruthy();
-  });
-  (0, _vitest.it)("load error slot", async () => {
-    class ErrorImage extends EventTarget {
-      src = "";
-      crossOrigin = null;
-      onload = null;
-      onerror = null;
-      width = 0;
-      height = 0;
-      naturalWidth = 0;
-      naturalHeight = 0;
-      complete = false;
-      constructor() {
-        super();
-        setTimeout(() => {
-          if (this.onerror) this.onerror();
-          this.dispatchEvent(new Event("error"));
-        }, 10);
-      }
-    }
-    _vitest.vi.stubGlobal("Image", ErrorImage);
-    const wrapper = (0, _testUtils.mount)(_image.default, {
-      props: {
-        src
-      },
-      slots: {
-        error: '<div class="custom-error">Failed</div>'
-      }
-    });
-    await new Promise(resolve => setTimeout(resolve, 100));
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(wrapper.find(".custom-error").exists()).toBe(true);
-    (0, _vitest.expect)(wrapper.emitted("error")).toBeTruthy();
-  });
-  (0, _vitest.it)("lazy load", async () => {
-    (0, _testUtils.mount)(_image.default, {
-      props: {
-        src: "https://example.com/test.jpg",
-        lazy: true
-      }
-    });
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(observeSpy).toHaveBeenCalled();
-  });
-  (0, _vitest.it)("test preview click opens viewer", async () => {
-    const wrapper = (0, _testUtils.mount)(_image.default, {
-      props: {
-        src,
-        previewSrcList: [src]
-      },
-      global: {
-        stubs: {
-          // We stub teleport to render inline so we can find it
-          Teleport: true
-        }
-      }
-    });
-    await new Promise(resolve => setTimeout(resolve, 100));
-    await (0, _vue.nextTick)();
-    const img = wrapper.find(".yh-image__inner");
-    await img.trigger("click");
-    (0, _vitest.expect)(wrapper.find(".yh-viewer").exists()).toBe(true);
-  });
-  (0, _vitest.it)("viewer-mode viewerjs prop", async () => {
-    const viewerJsMock = _vitest.vi.fn();
-    _vitest.vi.stubGlobal("Viewer", viewerJsMock);
-    const wrapper = (0, _testUtils.mount)(_image.default, {
-      props: {
-        src,
-        previewSrcList: [src],
-        viewerMode: "viewerjs",
-        viewerOptions: {
-          custom: true
-        }
-      }
-    });
-    await new Promise(resolve => setTimeout(resolve, 100));
-    const img = wrapper.find(".yh-image__inner");
-    await img.trigger("click");
-    (0, _vitest.expect)(wrapper.find(".yh-viewer").exists()).toBe(false);
-  });
-});