@simplysm/core-browser 13.0.0-beta.2 → 13.0.0-beta.21

package/tests/extensions/html-element-ext.spec.ts

@@ -1,190 +0,0 @@
-import { describe, it, expect, vi, beforeEach, afterEach } from "vitest";
-import { ArgumentError } from "@simplysm/core-common";
-import "../../src/extensions/html-element-ext";
-
-describe("HTMLElement prototype extensions", () => {
-  let container: HTMLDivElement;
-
-  beforeEach(() => {
-    container = document.createElement("div");
-    document.body.appendChild(container);
-  });
-
-  afterEach(() => {
-    container.remove();
-  });
-
-  describe("repaint", () => {
-    it("offsetHeight 접근으로 리플로우 트리거", () => {
-      const el = document.createElement("div");
-      const offsetHeightSpy = vi.spyOn(el, "offsetHeight", "get").mockReturnValue(100);
-
-      el.repaint();
-
-      expect(offsetHeightSpy).toHaveBeenCalled();
-    });
-  });
-
-  describe("getRelativeOffset", () => {
-    it("부모 요소 기준 상대 위치 계산", () => {
-      container.style.position = "relative";
-      container.innerHTML = `<div id="child" style="position: absolute; top: 50px; left: 30px;"></div>`;
-
-      const child = container.querySelector<HTMLElement>("#child")!;
-
-      const result = child.getRelativeOffset(container);
-      expect(result).toHaveProperty("top");
-      expect(result).toHaveProperty("left");
-      expect(typeof result.top).toBe("number");
-      expect(typeof result.left).toBe("number");
-    });
-
-    it("셀렉터로 부모 찾기", () => {
-      container.id = "parent";
-      container.innerHTML = `<div><span id="deep-child"></span></div>`;
-
-      const deepChild = container.querySelector<HTMLElement>("#deep-child")!;
-
-      const result = deepChild.getRelativeOffset("#parent");
-      expect(result).toHaveProperty("top");
-      expect(result).toHaveProperty("left");
-      expect(typeof result.top).toBe("number");
-      expect(typeof result.left).toBe("number");
-    });
-
-    it("부모를 찾지 못하면 에러", () => {
-      const child = document.createElement("div");
-      container.appendChild(child);
-
-      expect(() => child.getRelativeOffset(".not-exist")).toThrow(ArgumentError);
-    });
-
-    it("transform이 적용된 요소도 처리", () => {
-      container.style.position = "relative";
-      container.style.transform = "scale(2)";
-      container.innerHTML = `<div id="child" style="transform: rotate(45deg);"></div>`;
-
-      const child = container.querySelector<HTMLElement>("#child")!;
-
-      // transform이 있어도 에러 없이 결과 반환해야 함
-      const result = child.getRelativeOffset(container);
-      expect(result).toHaveProperty("top");
-      expect(result).toHaveProperty("left");
-      expect(typeof result.top).toBe("number");
-      expect(typeof result.left).toBe("number");
-    });
-
-    it("중간 요소의 border 두께가 누적됨", () => {
-      container.style.position = "relative";
-      container.innerHTML = `
-        <div id="middle" style="border: 10px solid black;">
-          <div id="child"></div>
-        </div>
-      `;
-
-      const child = container.querySelector<HTMLElement>("#child")!;
-      const result = child.getRelativeOffset(container);
-
-      // 중간 요소의 borderTopWidth(10px)와 borderLeftWidth(10px)가 결과에 반영되어야 함
-      expect(result.top).toBeGreaterThanOrEqual(10);
-      expect(result.left).toBeGreaterThanOrEqual(10);
-    });
-
-    it("부모 요소가 스크롤된 상태에서 올바른 위치 계산", () => {
-      container.style.position = "relative";
-      container.style.overflow = "auto";
-      container.style.height = "100px";
-      container.style.width = "100px";
-
-      const inner = document.createElement("div");
-      inner.style.height = "500px";
-      inner.style.width = "500px";
-      inner.innerHTML = `<div id="child" style="position: absolute; top: 200px; left: 150px;"></div>`;
-      container.appendChild(inner);
-
-      // 부모 요소 스크롤
-      container.scrollTop = 50;
-      container.scrollLeft = 30;
-
-      const child = container.querySelector<HTMLElement>("#child")!;
-      const result = child.getRelativeOffset(container);
-
-      // scrollTop/scrollLeft가 결과에 반영됨 (parentEl.scrollTop + parentEl.scrollLeft 추가됨)
-      // 테스트 환경에서는 getBoundingClientRect가 스크롤을 반영하지 않으므로
-      // 최소한 scrollTop/scrollLeft 값이 추가되었는지 검증
-      expect(result.top).toBeGreaterThanOrEqual(200);
-      expect(result.left).toBeGreaterThanOrEqual(150);
-    });
-  });
-
-  describe("scrollIntoViewIfNeeded", () => {
-    it("대상이 offset보다 위에 있으면 스크롤", () => {
-      container.style.overflow = "auto";
-      container.style.height = "100px";
-      // 스크롤 가능한 콘텐츠 추가
-      const inner = document.createElement("div");
-      inner.style.height = "500px";
-      container.appendChild(inner);
-      container.scrollTop = 100;
-
-      container.scrollIntoViewIfNeeded({ top: 50, left: 0 }, { top: 10, left: 0 });
-
-      expect(container.scrollTop).toBe(40);
-    });
-
-    it("대상이 충분히 보이면 스크롤 안함", () => {
-      container.style.overflow = "auto";
-      container.style.height = "100px";
-      const inner = document.createElement("div");
-      inner.style.height = "500px";
-      container.appendChild(inner);
-      container.scrollTop = 0;
-
-      container.scrollIntoViewIfNeeded({ top: 50, left: 0 }, { top: 10, left: 0 });
-
-      expect(container.scrollTop).toBe(0);
-    });
-
-    it("기본 offset은 0", () => {
-      container.style.overflow = "auto";
-      container.style.height = "100px";
-      const inner = document.createElement("div");
-      inner.style.height = "500px";
-      container.appendChild(inner);
-      container.scrollTop = 100;
-
-      container.scrollIntoViewIfNeeded({ top: 50, left: 0 });
-
-      expect(container.scrollTop).toBe(50);
-    });
-
-    it("대상이 offset보다 왼쪽에 있으면 가로 스크롤", () => {
-      container.style.overflow = "auto";
-      container.style.width = "100px";
-      // 스크롤 가능한 콘텐츠 추가
-      const inner = document.createElement("div");
-      inner.style.width = "500px";
-      inner.style.height = "10px";
-      container.appendChild(inner);
-      container.scrollLeft = 100;
-
-      container.scrollIntoViewIfNeeded({ top: 0, left: 50 }, { top: 0, left: 10 });
-
-      expect(container.scrollLeft).toBe(40);
-    });
-
-    it("대상이 충분히 보이면 가로 스크롤 안함", () => {
-      container.style.overflow = "auto";
-      container.style.width = "100px";
-      const inner = document.createElement("div");
-      inner.style.width = "500px";
-      inner.style.height = "10px";
-      container.appendChild(inner);
-      container.scrollLeft = 0;
-
-      container.scrollIntoViewIfNeeded({ top: 0, left: 50 }, { top: 0, left: 10 });
-
-      expect(container.scrollLeft).toBe(0);
-    });
-  });
-});

package/tests/utils/blob.spec.ts

@@ -1,68 +0,0 @@
-import { describe, it, expect, vi, beforeEach, afterEach } from "vitest";
-import { BlobUtils } from "../../src/utils/blob";
-
-describe("BlobUtils", () => {
-  let originalCreateObjectURL: typeof URL.createObjectURL;
-  let originalRevokeObjectURL: typeof URL.revokeObjectURL;
-  let mockLink: HTMLAnchorElement;
-  let clickSpy: ReturnType<typeof vi.fn>;
-
-  beforeEach(() => {
-    vi.useFakeTimers();
-
-    originalCreateObjectURL = URL.createObjectURL;
-    originalRevokeObjectURL = URL.revokeObjectURL;
-    URL.createObjectURL = vi.fn().mockReturnValue("blob:mock-url");
-    URL.revokeObjectURL = vi.fn();
-
-    clickSpy = vi.fn();
-    mockLink = {
-      href: "",
-      download: "",
-      click: clickSpy,
-    } as unknown as HTMLAnchorElement;
-
-    vi.spyOn(document, "createElement").mockReturnValue(mockLink);
-  });
-
-  afterEach(() => {
-    vi.useRealTimers();
-    URL.createObjectURL = originalCreateObjectURL;
-    URL.revokeObjectURL = originalRevokeObjectURL;
-    vi.restoreAllMocks();
-  });
-
-  describe("download", () => {
-    it("Blob을 다운로드 링크로 변환하여 클릭", () => {
-      const blob = new Blob(["test content"], { type: "text/plain" });
-      const fileName = "test.txt";
-
-      BlobUtils.download(blob, fileName);
-
-      expect(URL.createObjectURL).toHaveBeenCalledWith(blob);
-      expect(mockLink.href).toBe("blob:mock-url");
-      expect(mockLink.download).toBe(fileName);
-      expect(clickSpy).toHaveBeenCalled();
-    });
-
-    it("다운로드 후 URL.revokeObjectURL 호출 (메모리 누수 방지)", () => {
-      const blob = new Blob(["test"], { type: "text/plain" });
-
-      BlobUtils.download(blob, "test.txt");
-      vi.runAllTimers();
-
-      expect(URL.revokeObjectURL).toHaveBeenCalledWith("blob:mock-url");
-    });
-
-    it("에러 발생 시에도 revokeObjectURL 호출", () => {
-      const blob = new Blob(["test"], { type: "text/plain" });
-      clickSpy.mockImplementation(() => {
-        throw new Error("Click failed");
-      });
-
-      expect(() => BlobUtils.download(blob, "test.txt")).toThrow("Click failed");
-      vi.runAllTimers();
-      expect(URL.revokeObjectURL).toHaveBeenCalledWith("blob:mock-url");
-    });
-  });
-});