@getmicdrop/svelte-components 5.5.4 → 5.5.5

package/dist/primitives/Accordion/Accordion.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Accordion.spec.d.ts.map

package/dist/primitives/Accordion/Accordion.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.spec.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Accordion/Accordion.spec.js"],"names":[],"mappings":""}

package/dist/primitives/Accordion/Accordion.spec.js

@@ -0,0 +1,83 @@
+import { render, screen } from '@testing-library/svelte';
+import { expect, describe, test } from 'vitest';
+import Accordion from './Accordion.svelte';
+
+describe('Accordion Component', () => {
+  test('renders correctly with default props', () => {
+    const { container } = render(Accordion);
+    const accordion = container.querySelector('[data-accordion]');
+    expect(accordion).toBeInTheDocument();
+  });
+
+  test('has collapse data attribute by default (single mode)', () => {
+    const { container } = render(Accordion);
+    const accordion = container.querySelector('[data-accordion="collapse"]');
+    expect(accordion).toBeInTheDocument();
+  });
+
+  test('has open data attribute when multiple is true', () => {
+    const { container } = render(Accordion, { props: { multiple: true } });
+    const accordion = container.querySelector('[data-accordion="open"]');
+    expect(accordion).toBeInTheDocument();
+  });
+
+  test('applies default styling (bordered)', () => {
+    const { container } = render(Accordion);
+    const accordion = container.querySelector('[data-accordion]');
+    expect(accordion).toHaveClass('border');
+    expect(accordion).toHaveClass('rounded-lg');
+  });
+
+  test('applies flush styling when flush is true', () => {
+    const { container } = render(Accordion, { props: { flush: true } });
+    const accordion = container.querySelector('[data-accordion]');
+    expect(accordion).not.toHaveClass('border');
+    expect(accordion).not.toHaveClass('rounded-lg');
+    expect(accordion).toHaveClass('divide-y');
+  });
+
+  test('applies custom className', () => {
+    const { container } = render(Accordion, { props: { class: 'custom-accordion' } });
+    const accordion = container.querySelector('[data-accordion]');
+    expect(accordion).toHaveClass('custom-accordion');
+  });
+
+  test('passes through additional props', () => {
+    const { container } = render(Accordion, { props: { 'data-testid': 'my-accordion' } });
+    const accordion = container.querySelector('[data-testid="my-accordion"]');
+    expect(accordion).toBeInTheDocument();
+  });
+
+  test('has divide-y class for item separation', () => {
+    const { container } = render(Accordion);
+    const accordion = container.querySelector('[data-accordion]');
+    expect(accordion).toHaveClass('divide-y');
+    expect(accordion).toHaveClass('divide-gray-200');
+  });
+
+  test('has dark mode divide classes', () => {
+    const { container } = render(Accordion);
+    const accordion = container.querySelector('[data-accordion]');
+    expect(accordion).toHaveClass('dark:divide-gray-700');
+  });
+
+  test('has dark mode border classes when not flush', () => {
+    const { container } = render(Accordion);
+    const accordion = container.querySelector('[data-accordion]');
+    expect(accordion).toHaveClass('dark:border-gray-700');
+  });
+});
+
+describe('Accordion Props', () => {
+  test('multiple defaults to false', () => {
+    const { container } = render(Accordion);
+    const accordion = container.querySelector('[data-accordion="collapse"]');
+    expect(accordion).toBeInTheDocument();
+  });
+
+  test('flush defaults to false', () => {
+    const { container } = render(Accordion);
+    const accordion = container.querySelector('[data-accordion]');
+    expect(accordion).toHaveClass('border');
+  });
+});

package/dist/primitives/Accordion/AccordionItem.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=AccordionItem.spec.d.ts.map

package/dist/primitives/Accordion/AccordionItem.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionItem.spec.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Accordion/AccordionItem.spec.js"],"names":[],"mappings":""}