@datametria/vue-components 2.2.0 → 2.3.1

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

@@ -1,77 +0,0 @@
-import { describe, it, expect } from 'vitest'
-import { mount } from '@vue/test-utils'
-import DatametriaRadio from '../DatametriaRadio.vue'
-
-describe('DatametriaRadio', () => {
-  it('renders correctly', () => {
-    const wrapper = mount(DatametriaRadio, {
-      props: { value: 'option1' }
-    })
-    expect(wrapper.find('.dm-radio').exists()).toBe(true)
-  })
-
-  it('renders label when provided', () => {
-    const wrapper = mount(DatametriaRadio, {
-      props: { value: 'option1', label: 'Option 1' }
-    })
-    expect(wrapper.find('.dm-radio__text').text()).toBe('Option 1')
-  })
-
-  it('checks radio when modelValue matches value', () => {
-    const wrapper = mount(DatametriaRadio, {
-      props: { value: 'option1', modelValue: 'option1' }
-    })
-    expect((wrapper.find('input').element as HTMLInputElement).checked).toBe(true)
-  })
-
-  it('emits update:modelValue on change', async () => {
-    const wrapper = mount(DatametriaRadio, {
-      props: { value: 'option1' }
-    })
-    await wrapper.find('input').trigger('change')
-    expect(wrapper.emitted('update:modelValue')?.[0]).toEqual(['option1'])
-  })
-
-  it('applies disabled state', () => {
-    const wrapper = mount(DatametriaRadio, {
-      props: { value: 'option1', disabled: true }
-    })
-    expect(wrapper.find('input').attributes('disabled')).toBeDefined()
-  })
-
-  it('does not emit when disabled', async () => {
-    const wrapper = mount(DatametriaRadio, {
-      props: { value: 'option1', disabled: true }
-    })
-    await wrapper.find('input').trigger('change')
-    expect(wrapper.emitted('update:modelValue')).toBeUndefined()
-  })
-
-  it('shows error message when provided', () => {
-    const wrapper = mount(DatametriaRadio, {
-      props: { value: 'option1', name: 'test', error: 'Error text' }
-    })
-    expect(wrapper.find('.dm-radio__error').text()).toBe('Error text')
-  })
-
-  it('applies name attribute', () => {
-    const wrapper = mount(DatametriaRadio, {
-      props: { value: 'option1', name: 'radio-group' }
-    })
-    expect(wrapper.find('input').attributes('name')).toBe('radio-group')
-  })
-
-  it('applies aria-label', () => {
-    const wrapper = mount(DatametriaRadio, {
-      props: { value: 'option1', ariaLabel: 'Select option' }
-    })
-    expect(wrapper.find('input').attributes('aria-label')).toBe('Select option')
-  })
-
-  it('uses CSS variables with fallbacks', () => {
-    const wrapper = mount(DatametriaRadio, {
-      props: { value: 'option1' }
-    })
-    expect(wrapper.html()).toContain('dm-radio')
-  })
-})

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

@@ -1,64 +0,0 @@
-import { describe, it, expect } from 'vitest'
-import { mount } from '@vue/test-utils'
-import DatametriaSwitch from '../DatametriaSwitch.vue'
-
-describe('DatametriaSwitch', () => {
-  it('renders correctly', () => {
-    const wrapper = mount(DatametriaSwitch)
-    expect(wrapper.find('.dm-switch').exists()).toBe(true)
-  })
-
-  it('renders label when provided', () => {
-    const wrapper = mount(DatametriaSwitch, {
-      props: { label: 'Enable feature' }
-    })
-    expect(wrapper.find('.dm-switch__text').text()).toBe('Enable feature')
-  })
-
-  it('binds checked state correctly', () => {
-    const wrapper = mount(DatametriaSwitch, {
-      props: { modelValue: true }
-    })
-    expect((wrapper.find('input').element as HTMLInputElement).checked).toBe(true)
-  })
-
-  it('emits update:modelValue on change', async () => {
-    const wrapper = mount(DatametriaSwitch)
-    await wrapper.find('input').setValue(true)
-    expect(wrapper.emitted('update:modelValue')?.[0]).toEqual([true])
-  })
-
-  it('applies disabled state', () => {
-    const wrapper = mount(DatametriaSwitch, {
-      props: { disabled: true }
-    })
-    expect(wrapper.find('input').attributes('disabled')).toBeDefined()
-  })
-
-  it('does not emit when disabled', async () => {
-    const wrapper = mount(DatametriaSwitch, {
-      props: { disabled: true }
-    })
-    await wrapper.find('input').trigger('change')
-    expect(wrapper.emitted('update:modelValue')).toBeUndefined()
-  })
-
-  it('shows error message', () => {
-    const wrapper = mount(DatametriaSwitch, {
-      props: { error: 'Error text' }
-    })
-    expect(wrapper.find('.dm-switch__error').text()).toBe('Error text')
-  })
-
-  it('applies aria-label', () => {
-    const wrapper = mount(DatametriaSwitch, {
-      props: { ariaLabel: 'Toggle feature' }
-    })
-    expect(wrapper.find('input').attributes('aria-label')).toBe('Toggle feature')
-  })
-
-  it('has role switch', () => {
-    const wrapper = mount(DatametriaSwitch)
-    expect(wrapper.find('input').attributes('role')).toBe('switch')
-  })
-})

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

@@ -1,66 +0,0 @@
-import { describe, it, expect } from 'vitest'
-import { mount } from '@vue/test-utils'
-import DatametriaTextarea from '../DatametriaTextarea.vue'
-
-describe('DatametriaTextarea', () => {
-  it('renders correctly', () => {
-    const wrapper = mount(DatametriaTextarea)
-    expect(wrapper.find('.dm-textarea').exists()).toBe(true)
-  })
-
-  it('renders label when provided', () => {
-    const wrapper = mount(DatametriaTextarea, {
-      props: { label: 'Textarea Label' }
-    })
-    expect(wrapper.find('.dm-textarea__label').text()).toContain('Textarea Label')
-  })
-
-  it('shows required indicator', () => {
-    const wrapper = mount(DatametriaTextarea, {
-      props: { label: 'Test', required: true }
-    })
-    expect(wrapper.find('.dm-textarea__required').exists()).toBe(true)
-  })
-
-  it('binds modelValue correctly', () => {
-    const wrapper = mount(DatametriaTextarea, {
-      props: { modelValue: 'test value' }
-    })
-    expect((wrapper.find('textarea').element as HTMLTextAreaElement).value).toBe('test value')
-  })
-
-  it('emits update:modelValue on input', async () => {
-    const wrapper = mount(DatametriaTextarea)
-    await wrapper.find('textarea').setValue('new value')
-    expect(wrapper.emitted('update:modelValue')?.[0]).toEqual(['new value'])
-  })
-
-  it('applies disabled state', () => {
-    const wrapper = mount(DatametriaTextarea, {
-      props: { disabled: true }
-    })
-    expect(wrapper.find('textarea').attributes('disabled')).toBeDefined()
-  })
-
-  it('shows error message', () => {
-    const wrapper = mount(DatametriaTextarea, {
-      props: { error: 'Error text' }
-    })
-    expect(wrapper.find('.dm-textarea__error').text()).toBe('Error text')
-  })
-
-  it('shows character counter when maxLength provided', () => {
-    const wrapper = mount(DatametriaTextarea, {
-      props: { maxLength: 100, modelValue: 'test' }
-    })
-    expect(wrapper.find('.dm-textarea__counter').exists()).toBe(true)
-    expect(wrapper.find('.dm-textarea__counter').text()).toContain('4/100')
-  })
-
-  it('applies custom rows', () => {
-    const wrapper = mount(DatametriaTextarea, {
-      props: { rows: 10 }
-    })
-    expect(wrapper.find('textarea').attributes('rows')).toBe('10')
-  })
-})