@editframe/elements 0.26.3-beta.0 → 0.26.4-beta.0

package/src/elements/EFTemporal.browsertest.ts

@@ -1,215 +0,0 @@
-import { LitElement } from "lit";
-import { customElement } from "lit/decorators/custom-element.js";
-import { describe, expect, test, vi } from "vitest";
-import { EFTemporal } from "./EFTemporal.js";
-import "./EFTimegroup.js";
-import { state } from "lit/decorators.js";
-
-@customElement("ten-seconds")
-class TenSeconds extends EFTemporal(LitElement) {
-  get intrinsicDurationMs() {
-    return 10_000;
-  }
-}
-
-declare global {
-  interface HTMLElementTagNameMap {
-    "ten-seconds": TenSeconds;
-  }
-}
-
-describe("sourcein and sourceout", () => {
-  test("sourcein and sourceout are parsed correctly", () => {
-    const element = document.createElement("ten-seconds");
-    element.setAttribute("sourcein", "1s");
-    element.setAttribute("sourceout", "5s");
-    expect(element.sourceInMs).toBe(1_000);
-    expect(element.sourceOutMs).toBe(5_000);
-    expect(element.durationMs).toBe(4_000);
-  });
-
-  test("sourcein='0s' is parsed correctly as 0", () => {
-    const element = document.createElement("ten-seconds");
-    element.setAttribute("sourcein", "0s");
-    expect(element.sourceInMs).toBe(0);
-    expect(element.durationMs).toBe(10_000);
-  });
-
-  test("sourcein='0ms' is parsed correctly as 0", () => {
-    const element = document.createElement("ten-seconds");
-    element.setAttribute("sourcein", "0ms");
-    expect(element.sourceInMs).toBe(0);
-    expect(element.durationMs).toBe(10_000);
-  });
-
-  describe("only srcin is set", () => {
-    test("duration is calculated", () => {
-      const element = document.createElement("ten-seconds");
-      element.sourceInMs = 1_000;
-      expect(element.durationMs).toBe(9_000);
-    });
-  });
-
-  describe("only srcout is set", () => {
-    test("duration is calculated", () => {
-      const element = document.createElement("ten-seconds");
-      element.sourceOutMs = 5_000;
-      expect(element.durationMs).toBe(5_000);
-    });
-  });
-
-  describe("srcout is before srcin", () => {
-    test("duration is zero", () => {
-      const element = document.createElement("ten-seconds");
-      element.sourceInMs = 5_000;
-      element.sourceOutMs = 1_000;
-      expect(element.durationMs).toBe(0);
-    });
-  });
-
-  describe("srcin is negative", () => {
-    test("srcin is normalized to 0 ", () => {
-      const element = document.createElement("ten-seconds");
-      element.sourceInMs = -1_000;
-      expect(element.sourceInMs).toBe(0);
-      expect(element.durationMs).toBe(10_000);
-    });
-  });
-
-  describe("srcout is beyond the intrinsic duration", () => {
-    test("srcout is normalized to the intrinsic duration", () => {
-      const element = document.createElement("ten-seconds");
-      element.sourceOutMs = 15_000;
-      expect(element.sourceOutMs).toBe(10_000);
-    });
-  });
-});
-
-describe("trimstart and trimend", () => {
-  test("trimstart and trimend attributes are parsed correctly", () => {
-    const element = document.createElement("ten-seconds");
-    element.setAttribute("trimstart", "1s");
-    element.setAttribute("trimend", "5s");
-    expect(element.trimStartMs).toBe(1_000);
-    expect(element.trimEndMs).toBe(5_000);
-    expect(element.durationMs).toBe(4_000);
-  });
-
-  describe("trimstart is beyond the intrinsic duration", () => {
-    test("trimstart is normalized to the intrinsic duration", () => {
-      const element = document.createElement("ten-seconds");
-      element.trimStartMs = 15_000;
-      expect(element.trimStartMs).toBe(10_000);
-    });
-  });
-
-  describe("trimend is beyond the intrinsic duration", () => {
-    test("trimend is normalized to the intrinsic duration", () => {
-      const element = document.createElement("ten-seconds");
-      element.trimEndMs = 15_000;
-      expect(element.trimEndMs).toBe(10_000);
-    });
-  });
-});
-
-describe("duration", () => {
-  test("duration is parsed correctly", () => {
-    const element = document.createElement("ten-seconds");
-    element.setAttribute("duration", "10s");
-    expect(element.durationMs).toBe(10_000);
-  });
-
-  test("duration can be set directly on the element", () => {
-    const element = document.createElement("ten-seconds");
-    element.duration = "10s";
-    expect(element.durationMs).toBe(10_000);
-  });
-});
-
-describe("EFVideo sourcein attribute", () => {
-  test("EFVideo with sourcein='0s' should parse correctly", () => {
-    const element = document.createElement("ef-video");
-    element.setAttribute("sourcein", "0s");
-
-    // The sourcein attribute should be set correctly
-    expect(element.getAttribute("sourcein")).toBe("0s");
-
-    // Note: In the test environment, the property system may not be fully initialized
-    // but the attribute is set correctly, which is what we're testing
-  });
-
-  test("Multiple EFVideo elements can be created without conflicts", () => {
-    // This test verifies that our fix for the abort signal deduplication issue works
-    // Multiple elements should be able to exist without signal conflicts
-
-    const element1 = document.createElement("ef-video");
-    const element2 = document.createElement("ef-video");
-
-    // Set different sources
-    element1.src = "test-video-1.mp4";
-    element2.src = "test-video-2.mp4";
-
-    // Both elements should have their attributes set correctly
-    expect(element1.src).toBe("test-video-1.mp4");
-    expect(element2.src).toBe("test-video-2.mp4");
-
-    // Both elements should be valid DOM elements
-    expect(element1.tagName).toBe("EF-VIDEO");
-    expect(element2.tagName).toBe("EF-VIDEO");
-  });
-});
-
-@customElement("test-root-lifecycle")
-class TestLifecycleChild extends EFTemporal(LitElement) {
-  @state()
-  role: "root" | "child" | null = null;
-
-  didBecomeRoot() {
-    this.role = "root";
-  }
-  didBecomeChild() {
-    this.role = "child";
-  }
-}
-
-declare global {
-  interface HTMLElementTagNameMap {
-    "test-root-lifecycle": TestLifecycleChild;
-  }
-}
-
-describe("Temporal Lifecycle", () => {
-  test("a standalone temporal element becomes a root", async () => {
-    const root = document.createElement("test-root-lifecycle");
-    document.body.append(root);
-    expect(root.role).toBe("root");
-  });
-
-  test("temporal element in a timegroup becomes a child", async () => {
-    const timegroup = document.createElement("ef-timegroup");
-    vi.spyOn(timegroup as any, "didBecomeRoot");
-    vi.spyOn(timegroup as any, "didBecomeChild");
-    const child = document.createElement("test-root-lifecycle");
-    vi.spyOn(child as any, "didBecomeRoot");
-    vi.spyOn(child as any, "didBecomeChild");
-    timegroup.append(child);
-    document.body.append(timegroup);
-    expect((timegroup as any).didBecomeRoot).toHaveBeenCalledOnce();
-    expect((timegroup as any).didBecomeChild).not.toHaveBeenCalled();
-    expect((child as any).didBecomeChild).toHaveBeenCalledOnce();
-  });
-
-  test("timegroup nested in a timegroup becomes a child", async () => {
-    const timegroup = document.createElement("ef-timegroup");
-    const child = document.createElement("ef-timegroup");
-    vi.spyOn(timegroup as any, "didBecomeRoot");
-    vi.spyOn(timegroup as any, "didBecomeChild");
-    vi.spyOn(child as any, "didBecomeRoot");
-    vi.spyOn(child as any, "didBecomeChild");
-    timegroup.append(child);
-    document.body.append(timegroup);
-    expect((timegroup as any).didBecomeRoot).toHaveBeenCalledOnce();
-    expect((timegroup as any).didBecomeChild).not.toHaveBeenCalled();
-    expect((child as any).didBecomeChild).toHaveBeenCalledOnce();
-  });
-});