b9e42c3ef4
Build and Deploy / build-and-deploy (push) Has been cancelled
- lit-force-graph: Refactored for instance reuse, better lifecycle management, and added dynamic imports for AR/VR modes. - lit-html-table: Improved visual design, readability of headers, and fixed reactivity in editable mode. - lit-draggable-dom: Fixed clipping issues by switching to relative/absolute positioning and resolved a panning speed bug caused by CSS variable inheritance.
22 lines
696 B
TypeScript
22 lines
696 B
TypeScript
import { describe, expect, test } from "vitest";
|
|
import "./draggable-dom";
|
|
|
|
describe("Lit Draggable DOM Component", () => {
|
|
test("registers draggable-dom custom element successfully", () => {
|
|
expect(customElements.get("draggable-dom")).toBeDefined();
|
|
});
|
|
|
|
test("mounts draggable-dom successfully and accepts slots", async () => {
|
|
document.body.innerHTML = `
|
|
<draggable-dom>
|
|
<span id="drag">Grab me</span>
|
|
</draggable-dom>
|
|
`;
|
|
await window.happyDOM.whenAsyncComplete();
|
|
|
|
const element = document.body.querySelector("draggable-dom");
|
|
expect(element).toBeDefined();
|
|
expect(document.getElementById("drag")?.textContent).toBe("Grab me");
|
|
});
|
|
});
|