fix(lit-components): fix rendering and interaction issues in force-graph, html-table, and draggable-dom
Build and Deploy / build-and-deploy (push) Has been cancelled
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.
This commit is contained in:
@@ -0,0 +1,21 @@
|
||||
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");
|
||||
});
|
||||
});
|
||||
Reference in New Issue
Block a user