@datametria/vue-components 2.3.0 → 2.4.0

package/src/components/__tests__/DatametriaModal.test.ts

@@ -1,86 +1,86 @@
-import { describe, it, expect } from 'vitest'
-import { mount } from '@vue/test-utils'
-import DatametriaModal from '../DatametriaModal.vue'
-
-describe('DatametriaModal', () => {
-  it.skip('renders correctly when open', () => {
-    const wrapper = mount(DatametriaModal, {
-      props: { modelValue: true }
-    })
-    expect(wrapper.html()).toContain('datametria-modal')
-  })
-
-  it('does not render when closed', () => {
-    const wrapper = mount(DatametriaModal, {
-      props: { modelValue: false }
-    })
-    expect(wrapper.html()).not.toContain('datametria-modal')
-  })
-
-  it.skip('renders title when provided', () => {
-    const wrapper = mount(DatametriaModal, {
-      props: { modelValue: true, title: 'Test Title' }
-    })
-    expect(wrapper.html()).toContain('Test Title')
-  })
-
-  it.skip('renders close button when closable', () => {
-    const wrapper = mount(DatametriaModal, {
-      props: { modelValue: true, closable: true }
-    })
-    expect(wrapper.html()).toContain('datametria-modal__close')
-  })
-
-  it('does not render close button when not closable', () => {
-    const wrapper = mount(DatametriaModal, {
-      props: { modelValue: true, closable: false }
-    })
-    expect(wrapper.html()).not.toContain('datametria-modal__close')
-  })
-
-  it('emits update:modelValue when handleClose called', async () => {
-    const wrapper = mount(DatametriaModal, {
-      props: { modelValue: true, closable: true }
-    })
-    await (wrapper.vm as any).handleClose()
-    expect(wrapper.emitted('update:modelValue')?.[0]).toEqual([false])
-  })
-
-  it('emits close event when handleClose called', async () => {
-    const wrapper = mount(DatametriaModal, {
-      props: { modelValue: true, closable: true }
-    })
-    await (wrapper.vm as any).handleClose()
-    expect(wrapper.emitted('close')).toBeTruthy()
-  })
-
-  it.skip('applies custom size', () => {
-    const wrapper = mount(DatametriaModal, {
-      props: { modelValue: true, size: '50rem' }
-    })
-    expect(wrapper.html()).toContain('max-width: 50rem')
-  })
-
-  it.skip('renders body content', () => {
-    const wrapper = mount(DatametriaModal, {
-      props: { modelValue: true },
-      slots: { default: 'Body content' }
-    })
-    expect(wrapper.html()).toContain('Body content')
-  })
-
-  it.skip('renders footer slot when provided', () => {
-    const wrapper = mount(DatametriaModal, {
-      props: { modelValue: true },
-      slots: { footer: 'Footer content' }
-    })
-    expect(wrapper.html()).toContain('Footer content')
-  })
-
-  it.skip('uses CSS variables with fallbacks', () => {
-    const wrapper = mount(DatametriaModal, {
-      props: { modelValue: true }
-    })
-    expect(wrapper.html()).toContain('--dm-')
-  })
-})
+import { describe, it, expect } from 'vitest'
+import { mount } from '@vue/test-utils'
+import DatametriaModal from '../DatametriaModal.vue'
+
+describe('DatametriaModal', () => {
+  it.skip('renders correctly when open', () => {
+    const wrapper = mount(DatametriaModal, {
+      props: { modelValue: true }
+    })
+    expect(wrapper.html()).toContain('datametria-modal')
+  })
+
+  it('does not render when closed', () => {
+    const wrapper = mount(DatametriaModal, {
+      props: { modelValue: false }
+    })
+    expect(wrapper.html()).not.toContain('datametria-modal')
+  })
+
+  it.skip('renders title when provided', () => {
+    const wrapper = mount(DatametriaModal, {
+      props: { modelValue: true, title: 'Test Title' }
+    })
+    expect(wrapper.html()).toContain('Test Title')
+  })
+
+  it.skip('renders close button when closable', () => {
+    const wrapper = mount(DatametriaModal, {
+      props: { modelValue: true, closable: true }
+    })
+    expect(wrapper.html()).toContain('datametria-modal__close')
+  })
+
+  it('does not render close button when not closable', () => {
+    const wrapper = mount(DatametriaModal, {
+      props: { modelValue: true, closable: false }
+    })
+    expect(wrapper.html()).not.toContain('datametria-modal__close')
+  })
+
+  it('emits update:modelValue when handleClose called', async () => {
+    const wrapper = mount(DatametriaModal, {
+      props: { modelValue: true, closable: true }
+    })
+    await (wrapper.vm as any).handleClose()
+    expect(wrapper.emitted('update:modelValue')?.[0]).toEqual([false])
+  })
+
+  it('emits close event when handleClose called', async () => {
+    const wrapper = mount(DatametriaModal, {
+      props: { modelValue: true, closable: true }
+    })
+    await (wrapper.vm as any).handleClose()
+    expect(wrapper.emitted('close')).toBeTruthy()
+  })
+
+  it.skip('applies custom size', () => {
+    const wrapper = mount(DatametriaModal, {
+      props: { modelValue: true, size: '50rem' }
+    })
+    expect(wrapper.html()).toContain('max-width: 50rem')
+  })
+
+  it.skip('renders body content', () => {
+    const wrapper = mount(DatametriaModal, {
+      props: { modelValue: true },
+      slots: { default: 'Body content' }
+    })
+    expect(wrapper.html()).toContain('Body content')
+  })
+
+  it.skip('renders footer slot when provided', () => {
+    const wrapper = mount(DatametriaModal, {
+      props: { modelValue: true },
+      slots: { footer: 'Footer content' }
+    })
+    expect(wrapper.html()).toContain('Footer content')
+  })
+
+  it.skip('uses CSS variables with fallbacks', () => {
+    const wrapper = mount(DatametriaModal, {
+      props: { modelValue: true }
+    })
+    expect(wrapper.html()).toContain('--dm-')
+  })
+})

package/src/components/__tests__/DatametriaNavbar.test.js

@@ -1,49 +1,49 @@
-import { describe, it, expect, vi } from 'vitest'
-import { mount } from '@vue/test-utils'
-import DatametriaNavbar from '../DatametriaNavbar.vue'
-
-describe('DatametriaNavbar', () => {
-  it('renders with primary variant', () => {
-    const wrapper = mount(DatametriaNavbar, {
-      props: { variant: 'primary' }
-    })
-    
-    expect(wrapper.classes()).toContain('dm-navbar--primary')
-  })
-
-  it('validates invalid variant in development', () => {
-    const consoleSpy = vi.spyOn(console, 'warn').mockImplementation(() => {})
-    const originalEnv = process.env.NODE_ENV
-    process.env.NODE_ENV = 'development'
-
-    mount(DatametriaNavbar, {
-      props: { variant: 'invalid' }
-    })
-
-    expect(consoleSpy).toHaveBeenCalledWith(
-      expect.stringContaining('[DatametriaNavbar] Invalid variant "invalid"')
-    )
-
-    process.env.NODE_ENV = originalEnv
-    consoleSpy.mockRestore()
-  })
-
-  it('renders brand text', () => {
-    const wrapper = mount(DatametriaNavbar, {
-      props: { brand: 'DATAMETRIA' }
-    })
-    
-    expect(wrapper.text()).toContain('DATAMETRIA')
-  })
-
-  it('toggles mobile menu', async () => {
-    const wrapper = mount(DatametriaNavbar, {
-      slots: { menu: '<div>Menu items</div>' }
-    })
-    
-    const toggle = wrapper.find('.dm-navbar__toggle')
-    await toggle.trigger('click')
-    
-    expect(wrapper.find('.dm-navbar__menu').classes()).toContain('dm-navbar__menu--open')
-  })
+import { describe, it, expect, vi } from 'vitest'
+import { mount } from '@vue/test-utils'
+import DatametriaNavbar from '../DatametriaNavbar.vue'
+
+describe('DatametriaNavbar', () => {
+  it('renders with primary variant', () => {
+    const wrapper = mount(DatametriaNavbar, {
+      props: { variant: 'primary' }
+    })
+    
+    expect(wrapper.classes()).toContain('dm-navbar--primary')
+  })
+
+  it('validates invalid variant in development', () => {
+    const consoleSpy = vi.spyOn(console, 'warn').mockImplementation(() => {})
+    const originalEnv = process.env.NODE_ENV
+    process.env.NODE_ENV = 'development'
+
+    mount(DatametriaNavbar, {
+      props: { variant: 'invalid' }
+    })
+
+    expect(consoleSpy).toHaveBeenCalledWith(
+      expect.stringContaining('[DatametriaNavbar] Invalid variant "invalid"')
+    )
+
+    process.env.NODE_ENV = originalEnv
+    consoleSpy.mockRestore()
+  })
+
+  it('renders brand text', () => {
+    const wrapper = mount(DatametriaNavbar, {
+      props: { brand: 'DATAMETRIA' }
+    })
+    
+    expect(wrapper.text()).toContain('DATAMETRIA')
+  })
+
+  it('toggles mobile menu', async () => {
+    const wrapper = mount(DatametriaNavbar, {
+      slots: { menu: '<div>Menu items</div>' }
+    })
+    
+    const toggle = wrapper.find('.dm-navbar__toggle')
+    await toggle.trigger('click')
+    
+    expect(wrapper.find('.dm-navbar__menu').classes()).toContain('dm-navbar__menu--open')
+  })
 })