@yh-ui/components 0.1.21 → 0.1.23

package/dist/typography/__tests__/typography.test.mjs

@@ -1,161 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { mount } from "@vue/test-utils";
-import Title from "../src/title.vue";
-import Text from "../src/text.vue";
-import Paragraph from "../src/paragraph.vue";
-import Link from "../src/link.vue";
-describe("YhTypographyTitle", () => {
-  it("\u5E94\u8BE5\u6E32\u67D3\u6B63\u786E\u7684\u6807\u9898\u7EA7\u522B", () => {
-    const wrapper = mount(Title, { props: { level: 2 }, slots: { default: "\u6807\u9898" } });
-    expect(wrapper.find("h2").exists()).toBe(true);
-    expect(wrapper.text()).toBe("\u6807\u9898");
-  });
-  it("\u9ED8\u8BA4\u6E32\u67D3 h1", () => {
-    const wrapper = mount(Title, { slots: { default: "\u6807\u9898" } });
-    expect(wrapper.find("h1").exists()).toBe(true);
-  });
-  it("\u5E94\u8BE5\u652F\u6301 h1-h6 \u5168\u90E8\u7EA7\u522B", () => {
-    for (let level = 1; level <= 6; level++) {
-      const wrapper = mount(Title, {
-        props: { level },
-        slots: { default: "T" }
-      });
-      expect(wrapper.find(`h${level}`).exists()).toBe(true);
-    }
-  });
-  it("\u5E94\u8BE5\u652F\u6301 type \u7C7B\u578B", () => {
-    const wrapper = mount(Title, { props: { type: "danger" }, slots: { default: "\u9519\u8BEF" } });
-    expect(wrapper.find("h1").classes()).toContain("yh-typography__title--danger");
-  });
-  it("\u5E94\u8BE5\u652F\u6301 bold \u4FEE\u9970", () => {
-    const wrapper = mount(Title, { props: { bold: true }, slots: { default: "\u52A0\u7C97" } });
-    expect(wrapper.find("h1").classes()).toContain("is-bold");
-  });
-  it("\u5E94\u8BE5\u652F\u6301 delete \u4FEE\u9970", () => {
-    const wrapper = mount(Title, { props: { delete: true }, slots: { default: "\u5220\u9664" } });
-    expect(wrapper.find("h1").classes()).toContain("is-delete");
-  });
-  it("\u5E94\u8BE5\u652F\u6301 italic \u4FEE\u9970", () => {
-    const wrapper = mount(Title, { props: { italic: true }, slots: { default: "\u659C\u4F53" } });
-    expect(wrapper.find("h1").classes()).toContain("is-italic");
-  });
-  it("\u5E94\u8BE5\u652F\u6301 mark \u6807\u8BB0", () => {
-    const wrapper = mount(Title, { props: { mark: true }, slots: { default: "\u6807\u8BB0" } });
-    expect(wrapper.find("mark").exists()).toBe(true);
-  });
-  it("\u5E94\u8BE5\u652F\u6301 code \u4EE3\u7801", () => {
-    const wrapper = mount(Title, { props: { code: true }, slots: { default: "\u4EE3\u7801" } });
-    expect(wrapper.find("code").exists()).toBe(true);
-  });
-  it("\u5E94\u8BE5\u652F\u6301 ellipsis \u7701\u7565", () => {
-    const wrapper = mount(Title, { props: { ellipsis: true }, slots: { default: "\u7701\u7565" } });
-    expect(wrapper.find("h1").classes()).toContain("is-ellipsis");
-  });
-  it("\u5E94\u8BE5\u652F\u6301\u81EA\u5B9A\u4E49 tag", () => {
-    const wrapper = mount(Title, { props: { tag: "div" }, slots: { default: "\u81EA\u5B9A\u4E49" } });
-    expect(wrapper.find("div").exists()).toBe(true);
-  });
-});
-describe("YhTypographyText", () => {
-  it("\u5E94\u8BE5\u9ED8\u8BA4\u6E32\u67D3 span", () => {
-    const wrapper = mount(Text, { slots: { default: "\u6587\u672C" } });
-    expect(wrapper.find("span").exists()).toBe(true);
-    expect(wrapper.text()).toBe("\u6587\u672C");
-  });
-  it("\u5E94\u8BE5\u652F\u6301 type", () => {
-    const wrapper = mount(Text, { props: { type: "success" }, slots: { default: "\u6210\u529F" } });
-    expect(wrapper.find("span").classes()).toContain("yh-typography__text--success");
-  });
-  it("\u5E94\u8BE5\u652F\u6301 size", () => {
-    const wrapper = mount(Text, { props: { size: "large" }, slots: { default: "\u5927\u53F7" } });
-    expect(wrapper.find("span").classes()).toContain("yh-typography__text--large");
-  });
-  it("\u5E94\u8BE5\u652F\u6301 keyboard \u6837\u5F0F", () => {
-    const wrapper = mount(Text, { props: { keyboard: true }, slots: { default: "Ctrl" } });
-    expect(wrapper.find("kbd").exists()).toBe(true);
-  });
-  it("\u5E94\u8BE5\u652F\u6301 bold \u4FEE\u9970", () => {
-    const wrapper = mount(Text, { props: { bold: true }, slots: { default: "\u52A0\u7C97" } });
-    expect(wrapper.find("span").classes()).toContain("is-bold");
-  });
-  it("\u5E94\u8BE5\u652F\u6301 mark \u6807\u8BB0", () => {
-    const wrapper = mount(Text, { props: { mark: true }, slots: { default: "\u6807\u8BB0" } });
-    expect(wrapper.find("mark").exists()).toBe(true);
-  });
-  it("\u5E94\u8BE5\u652F\u6301\u81EA\u5B9A\u4E49 tag", () => {
-    const wrapper = mount(Text, { props: { tag: "strong" }, slots: { default: "\u5F3A\u8C03" } });
-    expect(wrapper.find("strong").exists()).toBe(true);
-  });
-});
-describe("YhTypographyParagraph", () => {
-  it("\u5E94\u8BE5\u6E32\u67D3 p \u6807\u7B7E", () => {
-    const wrapper = mount(Paragraph, { slots: { default: "\u6BB5\u843D" } });
-    expect(wrapper.find("p").exists()).toBe(true);
-  });
-  it("\u5E94\u8BE5\u652F\u6301 type", () => {
-    const wrapper = mount(Paragraph, { props: { type: "warning" }, slots: { default: "\u8B66\u544A" } });
-    expect(wrapper.find("p").classes()).toContain("yh-typography__paragraph--warning");
-  });
-  it("\u5E94\u8BE5\u652F\u6301 align", () => {
-    const wrapper = mount(Paragraph, { props: { align: "center" }, slots: { default: "\u5C45\u4E2D" } });
-    expect(wrapper.find("p").classes()).toContain("yh-typography__paragraph--center");
-  });
-  it("\u5E94\u8BE5\u652F\u6301 spacing", () => {
-    const wrapper = mount(Paragraph, { props: { spacing: "compact" }, slots: { default: "\u7D27\u51D1" } });
-    expect(wrapper.find("p").classes()).toContain("yh-typography__paragraph--compact");
-  });
-  it("\u5E94\u8BE5\u652F\u6301 mark \u6807\u8BB0", () => {
-    const wrapper = mount(Paragraph, { props: { mark: true }, slots: { default: "\u9AD8\u4EAE" } });
-    expect(wrapper.find("mark").exists()).toBe(true);
-  });
-  it("\u5E94\u8BE5\u652F\u6301\u591A\u884C\u7701\u7565 (number)", () => {
-    const wrapper = mount(Paragraph, { props: { ellipsis: 3 }, slots: { default: "\u591A\u884C\u7701\u7565" } });
-    const style = wrapper.find("p").attributes("style") || "";
-    expect(style).toContain("overflow: hidden");
-  });
-});
-describe("YhTypographyLink", () => {
-  it("\u5E94\u8BE5\u6E32\u67D3 a \u6807\u7B7E", () => {
-    const wrapper = mount(Link, {
-      props: { href: "https://example.com" },
-      slots: { default: "\u94FE\u63A5" }
-    });
-    expect(wrapper.find("a").exists()).toBe(true);
-    expect(wrapper.find("a").attributes("href")).toBe("https://example.com");
-  });
-  it("\u5E94\u8BE5\u652F\u6301 target", () => {
-    const wrapper = mount(Link, {
-      props: { href: "#", target: "_blank" },
-      slots: { default: "\u65B0\u7A97\u53E3" }
-    });
-    expect(wrapper.find("a").attributes("target")).toBe("_blank");
-  });
-  it("\u5E94\u8BE5\u652F\u6301 underline", () => {
-    const wrapper = mount(Link, { props: { underline: true }, slots: { default: "\u4E0B\u5212\u7EBF" } });
-    expect(wrapper.find("a").classes()).toContain("is-underline");
-  });
-  it("\u5E94\u8BE5\u652F\u6301 disabled", () => {
-    const wrapper = mount(Link, {
-      props: { href: "#", disabled: true },
-      slots: { default: "\u7981\u7528" }
-    });
-    expect(wrapper.find("a").classes()).toContain("is-disabled");
-    expect(wrapper.find("a").attributes("href")).toBeUndefined();
-    expect(wrapper.find("a").attributes("aria-disabled")).toBe("true");
-    expect(wrapper.find("a").attributes("tabindex")).toBe("-1");
-  });
-  it("\u5E94\u8BE5\u652F\u6301 type", () => {
-    const wrapper = mount(Link, { props: { type: "danger" }, slots: { default: "\u5371\u9669" } });
-    expect(wrapper.find("a").classes()).toContain("yh-typography__link--danger");
-  });
-  it("\u7981\u7528\u65F6\u70B9\u51FB\u4E0D\u89E6\u53D1\u4E8B\u4EF6", async () => {
-    const wrapper = mount(Link, { props: { disabled: true }, slots: { default: "\u7981\u7528" } });
-    await wrapper.find("a").trigger("click");
-    expect(wrapper.emitted("click")).toBeFalsy();
-  });
-  it("\u542F\u7528\u65F6\u70B9\u51FB\u5E94\u89E6\u53D1\u4E8B\u4EF6", async () => {
-    const wrapper = mount(Link, { props: { href: "#" }, slots: { default: "\u94FE\u63A5" } });
-    await wrapper.find("a").trigger("click");
-    expect(wrapper.emitted("click")).toBeTruthy();
-  });
-});

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

@@ -1,28 +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)("Upload SSR", () => {
-  (0, _vitest.it)("should render correctly on server", async () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhUpload, {
-      props: {
-        action: "http://localhost/upload"
-      }
-    });
-    const html = await (0, _serverRenderer.renderToString)(wrapper.vm.$.vnode);
-    (0, _vitest.expect)(html).toContain("yh-upload");
-    (0, _vitest.expect)(html).toContain('type="file"');
-  });
-  (0, _vitest.it)("should render picture-card mode correctly on server", async () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhUpload, {
-      props: {
-        action: "#",
-        listType: "picture-card"
-      }
-    });
-    const html = await (0, _serverRenderer.renderToString)(wrapper.vm.$.vnode);
-    (0, _vitest.expect)(html).toContain("yh-upload--picture-card");
-  });
-});

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

@@ -1,26 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { renderToString } from "@vue/server-renderer";
-import { mount } from "@vue/test-utils";
-import { YhUpload } from "../index.mjs";
-describe("Upload SSR", () => {
-  it("should render correctly on server", async () => {
-    const wrapper = mount(YhUpload, {
-      props: {
-        action: "http://localhost/upload"
-      }
-    });
-    const html = await renderToString(wrapper.vm.$.vnode);
-    expect(html).toContain("yh-upload");
-    expect(html).toContain('type="file"');
-  });
-  it("should render picture-card mode correctly on server", async () => {
-    const wrapper = mount(YhUpload, {
-      props: {
-        action: "#",
-        listType: "picture-card"
-      }
-    });
-    const html = await renderToString(wrapper.vm.$.vnode);
-    expect(html).toContain("yh-upload--picture-card");
-  });
-});

package/dist/upload/__tests__/upload.test.cjs

@@ -1,467 +0,0 @@
-"use strict";
-
-var _testUtils = require("@vue/test-utils");
-var _vitest = require("vitest");
-var _index = require("../index.cjs");
-var _vue = require("vue");
-global.URL.createObjectURL = _vitest.vi.fn(() => "blob:test-url");
-global.URL.revokeObjectURL = _vitest.vi.fn();
-(0, _vitest.describe)("Upload", () => {
-  (0, _vitest.beforeEach)(() => {
-    _vitest.vi.clearAllMocks();
-    const xhrMock = {
-      open: _vitest.vi.fn(),
-      send: _vitest.vi.fn(),
-      setRequestHeader: _vitest.vi.fn(),
-      upload: {
-        onprogress: null
-      },
-      readyState: 4,
-      status: 200,
-      responseText: '{"status":"success"}',
-      onload: null,
-      onerror: null
-    };
-    function MockXHR() {
-      return xhrMock;
-    }
-    _vitest.vi.stubGlobal("XMLHttpRequest", MockXHR);
-  });
-  (0, _vitest.afterEach)(() => {
-    _vitest.vi.unstubAllGlobals();
-  });
-  (0, _vitest.it)("render test", () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhUpload, {
-      props: {
-        fileList: []
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-upload").exists()).toBe(true);
-    (0, _vitest.expect)(wrapper.find('input[type="file"]').exists()).toBe(true);
-  });
-  (0, _vitest.it)("trigger input click when trigger area clicked", async () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhUpload);
-    const input = wrapper.find('input[type="file"]').element;
-    const spy = _vitest.vi.spyOn(input, "click");
-    await wrapper.find(".yh-upload__trigger").trigger("click");
-    (0, _vitest.expect)(spy).toHaveBeenCalled();
-  });
-  (0, _vitest.it)("handle file change and auto upload", async () => {
-    const file = new File(["test content"], "test.png", {
-      type: "image/png"
-    });
-    const wrapper = (0, _testUtils.mount)(_index.YhUpload, {
-      props: {
-        fileList: [],
-        autoUpload: true,
-        action: "/upload"
-      }
-    });
-    const input = wrapper.find('input[type="file"]');
-    Object.defineProperty(input.element, "files", {
-      value: [file]
-    });
-    await input.trigger("change");
-    (0, _vitest.expect)(wrapper.emitted("update:fileList")).toBeTruthy();
-  });
-  (0, _vitest.it)("validate file with accept prop", async () => {
-    const warnSpy = _vitest.vi.spyOn(console, "warn").mockImplementation(() => {});
-    const file = new File(["test"], "test.txt", {
-      type: "text/plain"
-    });
-    const wrapper = (0, _testUtils.mount)(_index.YhUpload, {
-      props: {
-        fileList: [],
-        accept: "image/*"
-      }
-    });
-    const input = wrapper.find('input[type="file"]');
-    Object.defineProperty(input.element, "files", {
-      value: [file]
-    });
-    await input.trigger("change");
-    (0, _vitest.expect)(wrapper.emitted("update:fileList")).toBeFalsy();
-    warnSpy.mockRestore();
-  });
-  (0, _vitest.it)("validate file size with maxSize prop", async () => {
-    const warnSpy = _vitest.vi.spyOn(console, "warn").mockImplementation(() => {});
-    const file = new File(["test content"], "big.png", {
-      type: "image/png"
-    });
-    Object.defineProperty(file, "size", {
-      value: 2e6,
-      configurable: true
-    });
-    const wrapper = (0, _testUtils.mount)(_index.YhUpload, {
-      props: {
-        fileList: [],
-        maxSize: 1024
-        // 1MB limit
-      }
-    });
-    const input = wrapper.find('input[type="file"]');
-    Object.defineProperty(input.element, "files", {
-      value: [file]
-    });
-    await input.trigger("change");
-    (0, _vitest.expect)(wrapper.emitted("update:fileList")).toBeFalsy();
-    warnSpy.mockRestore();
-  });
-  (0, _vitest.it)("handle limit and exceed event", async () => {
-    const file1 = new File(["1"], "1.png", {
-      type: "image/png"
-    });
-    const file2 = new File(["2"], "2.png", {
-      type: "image/png"
-    });
-    const wrapper = (0, _testUtils.mount)(_index.YhUpload, {
-      props: {
-        fileList: [{
-          name: "existing.png",
-          uid: 99,
-          status: "success"
-        }],
-        limit: 2
-      }
-    });
-    const input = wrapper.find('input[type="file"]');
-    Object.defineProperty(input.element, "files", {
-      value: [file1, file2]
-    });
-    await input.trigger("change");
-    (0, _vitest.expect)(wrapper.emitted("exceed")).toBeTruthy();
-    (0, _vitest.expect)(wrapper.emitted("update:fileList")).toBeFalsy();
-  });
-  (0, _vitest.it)("beforeUpload returning false should cancel upload", async () => {
-    const file = new File(["test"], "test.png", {
-      type: "image/png"
-    });
-    const beforeUpload = _vitest.vi.fn().mockReturnValue(false);
-    const wrapper = (0, _testUtils.mount)(_index.YhUpload, {
-      props: {
-        fileList: [],
-        beforeUpload
-      }
-    });
-    const input = wrapper.find('input[type="file"]');
-    Object.defineProperty(input.element, "files", {
-      value: [file]
-    });
-    await input.trigger("change");
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(beforeUpload).toHaveBeenCalled();
-    (0, _vitest.expect)(wrapper.emitted("update:fileList")).toBeFalsy();
-  });
-  (0, _vitest.it)("beforeUpload throwing error should cancel upload", async () => {
-    const file = new File(["test"], "test.png", {
-      type: "image/png"
-    });
-    const beforeUpload = _vitest.vi.fn().mockRejectedValue(new Error("error"));
-    const wrapper = (0, _testUtils.mount)(_index.YhUpload, {
-      props: {
-        fileList: [],
-        beforeUpload
-      }
-    });
-    const input = wrapper.find('input[type="file"]');
-    Object.defineProperty(input.element, "files", {
-      value: [file]
-    });
-    await input.trigger("change");
-    await (0, _vue.nextTick)();
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(wrapper.emitted("update:fileList")).toBeFalsy();
-  });
-  (0, _vitest.it)("beforeUpload can transform files", async () => {
-    const file = new File(["test"], "test.png", {
-      type: "image/png"
-    });
-    const newBlob = new Blob(["transformed-content"], {
-      type: "image/png"
-    });
-    const beforeUpload = _vitest.vi.fn().mockResolvedValue(newBlob);
-    const wrapper = (0, _testUtils.mount)(_index.YhUpload, {
-      props: {
-        fileList: [],
-        beforeUpload,
-        action: "/upload"
-      }
-    });
-    const input = wrapper.find('input[type="file"]');
-    Object.defineProperty(input.element, "files", {
-      value: [file]
-    });
-    await input.trigger("change");
-    await (0, _vue.nextTick)();
-    await (0, _vue.nextTick)();
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(wrapper.emitted("update:fileList")).toBeTruthy();
-    const emitted = wrapper.emitted("update:fileList")[0][0];
-    (0, _vitest.expect)(emitted[0].raw.size).toBe(newBlob.size);
-  });
-  (0, _vitest.it)("handle file removal with beforeRemove", async () => {
-    const file = {
-      name: "test.png",
-      uid: 1,
-      status: "success",
-      url: "blob:test"
-    };
-    const beforeRemove = _vitest.vi.fn().mockResolvedValue(false);
-    const wrapper = (0, _testUtils.mount)(_index.YhUpload, {
-      props: {
-        fileList: [file],
-        beforeRemove
-      }
-    });
-    await wrapper.find(".yh-upload__delete-btn").trigger("click");
-    (0, _vitest.expect)(beforeRemove).toHaveBeenCalled();
-    (0, _vitest.expect)(wrapper.emitted("update:fileList")).toBeFalsy();
-    await wrapper.setProps({
-      beforeRemove: () => true
-    });
-    await wrapper.find(".yh-upload__delete-btn").trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("update:fileList")).toBeTruthy();
-  });
-  (0, _vitest.it)("picture-card actions work", async () => {
-    const file = {
-      name: "test.png",
-      uid: 1,
-      status: "success",
-      url: "blob:test"
-    };
-    const wrapper = (0, _testUtils.mount)(_index.YhUpload, {
-      props: {
-        fileList: [file],
-        listType: "picture-card",
-        showDownload: true
-      }
-    });
-    const actions = wrapper.find(".yh-upload__actions");
-    const actionIcons = actions.findAll("span");
-    await actionIcons[0].trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("preview")).toBeTruthy();
-    await actionIcons[2].trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("remove")).toBeTruthy();
-  });
-  (0, _vitest.it)("retry upload when status is fail", async () => {
-    const rawFile = new File(["fail"], "fail.png", {
-      type: "image/png"
-    });
-    const file = {
-      name: "fail.png",
-      uid: 123,
-      status: "fail",
-      raw: rawFile
-    };
-    const wrapper = (0, _testUtils.mount)(_index.YhUpload, {
-      props: {
-        fileList: [file],
-        action: "/upload",
-        autoUpload: false
-      }
-    });
-    const retryBtn = wrapper.find(".yh-upload__retry-btn");
-    await retryBtn.trigger("click");
-    (0, _vitest.expect)(file.status).toBe("uploading");
-  });
-  (0, _vitest.it)("drag and drop events", async () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhUpload, {
-      props: {
-        drag: true
-      }
-    });
-    const dragger = wrapper.find(".yh-upload__dragger");
-    await dragger.trigger("dragover");
-    (0, _vitest.expect)(dragger.classes()).toContain("is-dragover");
-    const file = new File(["drag test"], "drag.png", {
-      type: "image/png"
-    });
-    const dropEvent = {
-      dataTransfer: {
-        items: [{
-          webkitGetAsEntry: () => ({
-            isFile: true,
-            isDirectory: false,
-            file: cb => cb(file)
-          })
-        }]
-      }
-    };
-    await dragger.trigger("drop", dropEvent);
-    await (0, _vue.nextTick)();
-    await (0, _vue.nextTick)();
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(wrapper.emitted("update:fileList")).toBeTruthy();
-  });
-  (0, _vitest.it)("custom httpRequest support", async () => {
-    const file = new File(["test"], "test.png", {
-      type: "image/png"
-    });
-    const httpRequest = _vitest.vi.fn();
-    const wrapper = (0, _testUtils.mount)(_index.YhUpload, {
-      props: {
-        fileList: [],
-        httpRequest,
-        autoUpload: true,
-        action: "/upload"
-      }
-    });
-    const input = wrapper.find('input[type="file"]');
-    Object.defineProperty(input.element, "files", {
-      value: [file]
-    });
-    await input.trigger("change");
-    await (0, _vue.nextTick)();
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(httpRequest).toHaveBeenCalled();
-  });
-  (0, _vitest.it)("custom fileIcon prop", async () => {
-    const file = {
-      name: "test.zip",
-      uid: 1,
-      status: "success"
-    };
-    const wrapper = (0, _testUtils.mount)(_index.YhUpload, {
-      props: {
-        fileList: [file],
-        fileIcon: "custom-icon"
-      }
-    });
-    const icon = wrapper.findComponent({
-      name: "YhIcon"
-    });
-    (0, _vitest.expect)(icon.props("name")).toBe("custom-icon");
-  });
-  (0, _vitest.it)("slots test", () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhUpload, {
-      props: {
-        fileList: [{
-          name: "test.png",
-          uid: 1,
-          status: "success"
-        }]
-      },
-      slots: {
-        tip: '<div class="custom-tip">Help</div>'
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".custom-tip").text()).toBe("Help");
-  });
-  (0, _vitest.it)("expose methods", async () => {
-    const rawFile = new File(["ready"], "ready.png", {
-      type: "image/png"
-    });
-    const file = {
-      name: "ready.png",
-      uid: 1,
-      status: "ready",
-      raw: rawFile
-    };
-    const httpRequest = _vitest.vi.fn();
-    const wrapper = (0, _testUtils.mount)(_index.YhUpload, {
-      props: {
-        fileList: [file],
-        httpRequest,
-        autoUpload: false,
-        action: "/upload"
-      }
-    });
-    wrapper.vm.submit();
-    (0, _vitest.expect)(httpRequest).toHaveBeenCalled();
-  });
-  (0, _vitest.it)("handle upload progress and error", async () => {
-    let onProgressCb;
-    let onErrorCb;
-    let onSuccessCb;
-    const httpRequest = options => {
-      onProgressCb = options.onProgress;
-      onErrorCb = options.onError;
-      onSuccessCb = options.onSuccess;
-    };
-    const file = {
-      name: "test.png",
-      uid: 1,
-      status: "ready",
-      raw: new File([], "test.png")
-    };
-    const wrapper = (0, _testUtils.mount)(_index.YhUpload, {
-      props: {
-        fileList: [file],
-        httpRequest,
-        action: "/upload"
-      }
-    });
-    wrapper.vm.submit();
-    onProgressCb({
-      percent: 50
-    });
-    (0, _vitest.expect)(file.percentage).toBe(50);
-    (0, _vitest.expect)(wrapper.emitted("progress")).toBeTruthy();
-    onErrorCb(new Error("fail"));
-    (0, _vitest.expect)(file.status).toBe("fail");
-    (0, _vitest.expect)(wrapper.emitted("error")).toBeTruthy();
-    file.status = "ready";
-    wrapper.vm.submit();
-    onSuccessCb({
-      data: "ok"
-    });
-    (0, _vitest.expect)(file.status).toBe("success");
-    (0, _vitest.expect)(wrapper.emitted("success")).toBeTruthy();
-  });
-  (0, _vitest.it)("handle download", async () => {
-    const file = {
-      name: "test.png",
-      uid: 1,
-      status: "success",
-      url: "blob:test"
-    };
-    const wrapper = (0, _testUtils.mount)(_index.YhUpload, {
-      props: {
-        fileList: [file],
-        showDownload: true
-      }
-    });
-    const spy = _vitest.vi.spyOn(document, "createElement");
-    await wrapper.find(".yh-upload__download-btn").trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("download")).toBeTruthy();
-    (0, _vitest.expect)(spy).toHaveBeenCalledWith("a");
-  });
-  (0, _vitest.it)("support thumbnailRequest", async () => {
-    const file = new File([""], "test.png", {
-      type: "image/png"
-    });
-    const thumbnailRequest = _vitest.vi.fn().mockResolvedValue("custom-thumb");
-    const wrapper = (0, _testUtils.mount)(_index.YhUpload, {
-      props: {
-        fileList: [],
-        listType: "picture",
-        thumbnailRequest
-      }
-    });
-    const input = wrapper.find('input[type="file"]');
-    Object.defineProperty(input.element, "files", {
-      value: [file]
-    });
-    await input.trigger("change");
-    await (0, _vue.nextTick)();
-    await (0, _vue.nextTick)();
-    await (0, _vue.nextTick)();
-    const emitted = wrapper.emitted("update:fileList")[0][0];
-    (0, _vitest.expect)(emitted[0].url).toBe("custom-thumb");
-  });
-  (0, _vitest.it)("support fileIcon as function", () => {
-    const file = {
-      name: "test.txt",
-      uid: 1,
-      status: "success"
-    };
-    const fileIcon = _vitest.vi.fn().mockReturnValue("func-icon");
-    (0, _testUtils.mount)(_index.YhUpload, {
-      props: {
-        fileList: [file],
-        fileIcon
-      }
-    });
-    (0, _vitest.expect)(fileIcon).toHaveBeenCalled();
-  });
-});