@yh-ui/components 0.1.21 → 0.1.22

package/dist/watermark/__tests__/watermark.test.cjs

@@ -1,127 +0,0 @@
-"use strict";
-
-var _testUtils = require("@vue/test-utils");
-var _vitest = require("vitest");
-var _vue = require("vue");
-var _index = require("../index.cjs");
-(0, _vitest.describe)("Watermark", () => {
-  let createElementSpy;
-  const originalCreateElement = document.createElement;
-  (0, _vitest.beforeEach)(() => {
-    _vitest.vi.useFakeTimers();
-    createElementSpy = _vitest.vi.spyOn(document, "createElement").mockImplementation(tagName => {
-      if (tagName === "canvas") {
-        const ctx = {
-          scale: _vitest.vi.fn(),
-          translate: _vitest.vi.fn(),
-          rotate: _vitest.vi.fn(),
-          fillText: _vitest.vi.fn(),
-          drawImage: _vitest.vi.fn(),
-          measureText: _vitest.vi.fn(() => ({
-            width: 10
-          }))
-        };
-        return {
-          getContext: _vitest.vi.fn(() => ctx),
-          toDataURL: _vitest.vi.fn(() => "data:image/png;base64,mock"),
-          width: 0,
-          height: 0,
-          style: {},
-          className: "",
-          parentNode: null,
-          remove: _vitest.vi.fn()
-        };
-      }
-      return originalCreateElement.call(document, tagName);
-    });
-    _vitest.vi.stubGlobal("Image", class {
-      onload = null;
-      set src(val) {
-        setTimeout(() => {
-          if (this.onload) this.onload();
-        }, 10);
-      }
-    });
-  });
-  (0, _vitest.afterEach)(() => {
-    _vitest.vi.useRealTimers();
-    _vitest.vi.restoreAllMocks();
-    _vitest.vi.unstubAllGlobals();
-  });
-  (0, _vitest.it)("basic render test", async () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhWatermark, {
-      props: {
-        content: "Test Watermark"
-      }
-    });
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(wrapper.find(".yh-watermark").exists()).toBe(true);
-    const watermarkDiv = wrapper.element.querySelector('div[class^="yh-wm-"]');
-    (0, _vitest.expect)(watermarkDiv).toBeTruthy();
-  });
-  (0, _vitest.it)("multiline content test", async () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhWatermark, {
-      props: {
-        content: ["Line 1", "Line 2"]
-      }
-    });
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(wrapper.find(".yh-watermark").exists()).toBe(true);
-  });
-  (0, _vitest.it)("fullscreen test", async () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhWatermark, {
-      props: {
-        fullScreen: true
-      }
-    });
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(wrapper.classes()).toContain("yh-watermark--fullscreen");
-  });
-  (0, _vitest.it)("image watermark test", async () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhWatermark, {
-      props: {
-        image: "test.png"
-      }
-    });
-    _vitest.vi.advanceTimersByTime(20);
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(wrapper.find(".yh-watermark").exists()).toBe(true);
-    const watermarkDiv = wrapper.element.querySelector('div[class^="yh-wm-"]');
-    (0, _vitest.expect)(watermarkDiv).toBeTruthy();
-  });
-  (0, _vitest.it)("anti-tamper: should recreate when removed", async () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhWatermark, {
-      props: {
-        content: "Protected",
-        antiTamper: true
-      },
-      attachTo: document.body
-    });
-    await (0, _vue.nextTick)();
-    const container = wrapper.element;
-    let watermarkNode = container.querySelector('div[class^="yh-wm-"]');
-    (0, _vitest.expect)(watermarkNode).toBeTruthy();
-    watermarkNode?.remove();
-    _vitest.vi.advanceTimersByTime(4e3);
-    await (0, _vue.nextTick)();
-    const newNode = container.querySelector('div[class^="yh-wm-"]');
-    (0, _vitest.expect)(newNode).toBeTruthy();
-    (0, _vitest.expect)(newNode).not.toBe(watermarkNode);
-    wrapper.unmount();
-  });
-  (0, _vitest.it)("should update when props change", async () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhWatermark, {
-      props: {
-        content: "Initial"
-      }
-    });
-    await (0, _vue.nextTick)();
-    const firstNode = wrapper.element.querySelector('div[class^="yh-wm-"]');
-    await wrapper.setProps({
-      content: "Updated"
-    });
-    await (0, _vue.nextTick)();
-    const secondNode = wrapper.element.querySelector('div[class^="yh-wm-"]');
-    (0, _vitest.expect)(secondNode).not.toBe(firstNode);
-  });
-});

package/dist/watermark/__tests__/watermark.test.mjs

@@ -1,124 +0,0 @@
-import { mount } from "@vue/test-utils";
-import { describe, it, expect, vi, beforeEach, afterEach } from "vitest";
-import { nextTick } from "vue";
-import { YhWatermark } from "../index.mjs";
-describe("Watermark", () => {
-  let createElementSpy;
-  const originalCreateElement = document.createElement;
-  beforeEach(() => {
-    vi.useFakeTimers();
-    createElementSpy = vi.spyOn(document, "createElement").mockImplementation((tagName) => {
-      if (tagName === "canvas") {
-        const ctx = {
-          scale: vi.fn(),
-          translate: vi.fn(),
-          rotate: vi.fn(),
-          fillText: vi.fn(),
-          drawImage: vi.fn(),
-          measureText: vi.fn(() => ({ width: 10 }))
-        };
-        return {
-          getContext: vi.fn(() => ctx),
-          toDataURL: vi.fn(() => "data:image/png;base64,mock"),
-          width: 0,
-          height: 0,
-          style: {},
-          className: "",
-          parentNode: null,
-          remove: vi.fn()
-        };
-      }
-      return originalCreateElement.call(document, tagName);
-    });
-    vi.stubGlobal(
-      "Image",
-      class {
-        onload = null;
-        set src(val) {
-          setTimeout(() => {
-            if (this.onload) this.onload();
-          }, 10);
-        }
-      }
-    );
-  });
-  afterEach(() => {
-    vi.useRealTimers();
-    vi.restoreAllMocks();
-    vi.unstubAllGlobals();
-  });
-  it("basic render test", async () => {
-    const wrapper = mount(YhWatermark, {
-      props: {
-        content: "Test Watermark"
-      }
-    });
-    await nextTick();
-    expect(wrapper.find(".yh-watermark").exists()).toBe(true);
-    const watermarkDiv = wrapper.element.querySelector('div[class^="yh-wm-"]');
-    expect(watermarkDiv).toBeTruthy();
-  });
-  it("multiline content test", async () => {
-    const wrapper = mount(YhWatermark, {
-      props: {
-        content: ["Line 1", "Line 2"]
-      }
-    });
-    await nextTick();
-    expect(wrapper.find(".yh-watermark").exists()).toBe(true);
-  });
-  it("fullscreen test", async () => {
-    const wrapper = mount(YhWatermark, {
-      props: {
-        fullScreen: true
-      }
-    });
-    await nextTick();
-    expect(wrapper.classes()).toContain("yh-watermark--fullscreen");
-  });
-  it("image watermark test", async () => {
-    const wrapper = mount(YhWatermark, {
-      props: {
-        image: "test.png"
-      }
-    });
-    vi.advanceTimersByTime(20);
-    await nextTick();
-    expect(wrapper.find(".yh-watermark").exists()).toBe(true);
-    const watermarkDiv = wrapper.element.querySelector('div[class^="yh-wm-"]');
-    expect(watermarkDiv).toBeTruthy();
-  });
-  it("anti-tamper: should recreate when removed", async () => {
-    const wrapper = mount(YhWatermark, {
-      props: {
-        content: "Protected",
-        antiTamper: true
-      },
-      attachTo: document.body
-    });
-    await nextTick();
-    const container = wrapper.element;
-    let watermarkNode = container.querySelector('div[class^="yh-wm-"]');
-    expect(watermarkNode).toBeTruthy();
-    watermarkNode?.remove();
-    vi.advanceTimersByTime(4e3);
-    await nextTick();
-    const newNode = container.querySelector('div[class^="yh-wm-"]');
-    expect(newNode).toBeTruthy();
-    expect(newNode).not.toBe(watermarkNode);
-    wrapper.unmount();
-  });
-  it("should update when props change", async () => {
-    const wrapper = mount(YhWatermark, {
-      props: {
-        content: "Initial"
-      }
-    });
-    await nextTick();
-    const firstNode = wrapper.element.querySelector('div[class^="yh-wm-"]');
-    await wrapper.setProps({ content: "Updated" });
-    await nextTick();
-    const secondNode = wrapper.element.querySelector('div[class^="yh-wm-"]');
-    expect(secondNode).not.toBe(firstNode);
-  });
-});