@getmicdrop/svelte-components 2.0.4 → 2.0.6

package/dist/utils/portal.spec.js

@@ -1,143 +1,143 @@
-import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
-import { portal } from './portal';
-
-describe('portal', () => {
-  let node;
-  let target;
-
-  beforeEach(() => {
-    // Create mock nodes
-    node = document.createElement('div');
-    node.textContent = 'Portal Content';
-    target = document.createElement('div');
-    target.id = 'portal-target';
-    document.body.appendChild(target);
-  });
-
-  afterEach(() => {
-    // Clean up
-    if (target.parentNode) {
-      target.parentNode.removeChild(target);
-    }
-    if (node.parentNode) {
-      node.parentNode.removeChild(node);
-    }
-  });
-
-  describe('initial portal', () => {
-    it('appends node to document.body by default', () => {
-      portal(node);
-      expect(node.parentNode).toBe(document.body);
-    });
-
-    it('appends node to specified target', () => {
-      portal(node, target);
-      expect(node.parentNode).toBe(target);
-    });
-
-    it('returns an object with update and destroy methods', () => {
-      const result = portal(node);
-      expect(result).toHaveProperty('update');
-      expect(result).toHaveProperty('destroy');
-      expect(typeof result.update).toBe('function');
-      expect(typeof result.destroy).toBe('function');
-    });
-  });
-
-  describe('update method', () => {
-    it('moves node to new target', () => {
-      const newTarget = document.createElement('div');
-      document.body.appendChild(newTarget);
-
-      const { update } = portal(node, target);
-      expect(node.parentNode).toBe(target);
-
-      update(newTarget);
-      expect(node.parentNode).toBe(newTarget);
-
-      // Clean up
-      newTarget.parentNode.removeChild(newTarget);
-    });
-
-    it('moves node to document.body when new target is null', () => {
-      const { update } = portal(node, target);
-      expect(node.parentNode).toBe(target);
-
-      update(null);
-      expect(node.parentNode).toBe(document.body);
-    });
-
-    it('moves node to document.body when new target is undefined', () => {
-      const { update } = portal(node, target);
-      expect(node.parentNode).toBe(target);
-
-      update(undefined);
-      expect(node.parentNode).toBe(document.body);
-    });
-  });
-
-  describe('destroy method', () => {
-    it('removes node from parent', () => {
-      const { destroy } = portal(node, target);
-      expect(node.parentNode).toBe(target);
-
-      destroy();
-      expect(node.parentNode).toBe(null);
-    });
-
-    it('handles node already removed', () => {
-      const { destroy } = portal(node, target);
-
-      // Manually remove node first
-      target.removeChild(node);
-
-      // Should not throw
-      expect(() => destroy()).not.toThrow();
-    });
-
-    it('removes node from document.body', () => {
-      const { destroy } = portal(node);
-      expect(node.parentNode).toBe(document.body);
-
-      destroy();
-      expect(node.parentNode).toBe(null);
-    });
-  });
-
-  describe('real-world usage scenarios', () => {
-    it('can portal modal content outside stacking context', () => {
-      // Create a stacking context
-      const stackingContext = document.createElement('div');
-      stackingContext.style.position = 'relative';
-      stackingContext.style.zIndex = '1';
-      document.body.appendChild(stackingContext);
-
-      // Create modal inside stacking context
-      const modal = document.createElement('div');
-      modal.className = 'modal';
-      stackingContext.appendChild(modal);
-
-      // Portal should move it to body
-      portal(modal);
-      expect(modal.parentNode).toBe(document.body);
-
-      // Clean up
-      stackingContext.parentNode.removeChild(stackingContext);
-    });
-
-    it('works with multiple portals', () => {
-      const node1 = document.createElement('div');
-      const node2 = document.createElement('div');
-
-      portal(node1);
-      portal(node2);
-
-      expect(node1.parentNode).toBe(document.body);
-      expect(node2.parentNode).toBe(document.body);
-
-      // Clean up
-      document.body.removeChild(node1);
-      document.body.removeChild(node2);
-    });
-  });
-});
+import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
+import { portal } from './portal';
+
+describe('portal', () => {
+  let node;
+  let target;
+
+  beforeEach(() => {
+    // Create mock nodes
+    node = document.createElement('div');
+    node.textContent = 'Portal Content';
+    target = document.createElement('div');
+    target.id = 'portal-target';
+    document.body.appendChild(target);
+  });
+
+  afterEach(() => {
+    // Clean up
+    if (target.parentNode) {
+      target.parentNode.removeChild(target);
+    }
+    if (node.parentNode) {
+      node.parentNode.removeChild(node);
+    }
+  });
+
+  describe('initial portal', () => {
+    it('appends node to document.body by default', () => {
+      portal(node);
+      expect(node.parentNode).toBe(document.body);
+    });
+
+    it('appends node to specified target', () => {
+      portal(node, target);
+      expect(node.parentNode).toBe(target);
+    });
+
+    it('returns an object with update and destroy methods', () => {
+      const result = portal(node);
+      expect(result).toHaveProperty('update');
+      expect(result).toHaveProperty('destroy');
+      expect(typeof result.update).toBe('function');
+      expect(typeof result.destroy).toBe('function');
+    });
+  });
+
+  describe('update method', () => {
+    it('moves node to new target', () => {
+      const newTarget = document.createElement('div');
+      document.body.appendChild(newTarget);
+
+      const { update } = portal(node, target);
+      expect(node.parentNode).toBe(target);
+
+      update(newTarget);
+      expect(node.parentNode).toBe(newTarget);
+
+      // Clean up
+      newTarget.parentNode.removeChild(newTarget);
+    });
+
+    it('moves node to document.body when new target is null', () => {
+      const { update } = portal(node, target);
+      expect(node.parentNode).toBe(target);
+
+      update(null);
+      expect(node.parentNode).toBe(document.body);
+    });
+
+    it('moves node to document.body when new target is undefined', () => {
+      const { update } = portal(node, target);
+      expect(node.parentNode).toBe(target);
+
+      update(undefined);
+      expect(node.parentNode).toBe(document.body);
+    });
+  });
+
+  describe('destroy method', () => {
+    it('removes node from parent', () => {
+      const { destroy } = portal(node, target);
+      expect(node.parentNode).toBe(target);
+
+      destroy();
+      expect(node.parentNode).toBe(null);
+    });
+
+    it('handles node already removed', () => {
+      const { destroy } = portal(node, target);
+
+      // Manually remove node first
+      target.removeChild(node);
+
+      // Should not throw
+      expect(() => destroy()).not.toThrow();
+    });
+
+    it('removes node from document.body', () => {
+      const { destroy } = portal(node);
+      expect(node.parentNode).toBe(document.body);
+
+      destroy();
+      expect(node.parentNode).toBe(null);
+    });
+  });
+
+  describe('real-world usage scenarios', () => {
+    it('can portal modal content outside stacking context', () => {
+      // Create a stacking context
+      const stackingContext = document.createElement('div');
+      stackingContext.style.position = 'relative';
+      stackingContext.style.zIndex = '1';
+      document.body.appendChild(stackingContext);
+
+      // Create modal inside stacking context
+      const modal = document.createElement('div');
+      modal.className = 'modal';
+      stackingContext.appendChild(modal);
+
+      // Portal should move it to body
+      portal(modal);
+      expect(modal.parentNode).toBe(document.body);
+
+      // Clean up
+      stackingContext.parentNode.removeChild(stackingContext);
+    });
+
+    it('works with multiple portals', () => {
+      const node1 = document.createElement('div');
+      const node2 = document.createElement('div');
+
+      portal(node1);
+      portal(node2);
+
+      expect(node1.parentNode).toBe(document.body);
+      expect(node2.parentNode).toBe(document.body);
+
+      // Clean up
+      document.body.removeChild(node1);
+      document.body.removeChild(node2);
+    });
+  });
+});