@morscherlab/mint-sdk 1.0.0-beta.1 → 1.0.0-beta.3

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

@@ -0,0 +1,36 @@
+import { mount } from '@vue/test-utils'
+import { describe, expect, it } from 'vitest'
+import CalendarGridPanel from '../../components/CalendarGridPanel.vue'
+import type { CalendarGridDay } from '../../composables/useCalendarGrid'
+
+const days: CalendarGridDay[] = [
+  { date: new Date(2026, 3, 20), isCurrentMonth: true, isDisabled: false },
+  { date: new Date(2026, 3, 21), isCurrentMonth: true, isDisabled: false },
+  { date: new Date(2026, 3, 22), isCurrentMonth: true, isDisabled: true },
+]
+
+describe('CalendarGridPanel', () => {
+  it('renders calendar state and emits navigation and selection events', async () => {
+    const wrapper = mount(CalendarGridPanel, {
+      props: {
+        weekDays: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
+        monthYear: 'April 2026',
+        days,
+        selectedDate: days[1].date,
+      },
+    })
+
+    expect(wrapper.text()).toContain('April 2026')
+    expect(wrapper.findAll('.mint-date-picker__weekday')).toHaveLength(7)
+    expect(wrapper.find('.mint-date-picker__day--selected').text()).toBe('21')
+
+    const buttons = wrapper.findAll('button')
+    await buttons[0].trigger('click')
+    await buttons[1].trigger('click')
+    await wrapper.findAll('.mint-date-picker__day')[0].trigger('click')
+
+    expect(wrapper.emitted('previous-month')).toHaveLength(1)
+    expect(wrapper.emitted('next-month')).toHaveLength(1)
+    expect(wrapper.emitted('select')?.[0]).toEqual([days[0]])
+  })
+})

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

@@ -0,0 +1,45 @@
+import { describe, expect, it } from 'vitest'
+import { mount } from '@vue/test-utils'
+import ConcentrationInput from '../../components/ConcentrationInput.vue'
+import UnitInput from '../../components/UnitInput.vue'
+
+describe('ConcentrationInput', () => {
+  it('delegates value and unit selection to UnitInput', async () => {
+    const wrapper = mount(ConcentrationInput, {
+      props: {
+        modelValue: { value: 5, unit: 'µM' },
+        allowedUnits: ['nM', 'µM'],
+        min: 0,
+        max: 10,
+        size: 'sm',
+      },
+    })
+
+    const unitInput = wrapper.findComponent(UnitInput)
+    expect(unitInput.exists()).toBe(true)
+    expect(unitInput.props('modelValue')).toBe(5)
+    expect(unitInput.props('unit')).toBe('µM')
+    expect(unitInput.props('units')).toEqual([
+      { value: 'nM', label: 'nM', group: undefined },
+      { value: 'µM', label: 'µM', group: undefined },
+    ])
+
+    await unitInput.vm.$emit('update:modelValue', 8)
+    await unitInput.vm.$emit('update:unit', 'nM')
+
+    expect(wrapper.emitted('update:modelValue')).toEqual([
+      [{ value: 8, unit: 'µM' }],
+      [{ value: 5, unit: 'nM' }],
+    ])
+  })
+
+  it('keeps concentration-specific conversion hints', () => {
+    const wrapper = mount(ConcentrationInput, {
+      props: {
+        modelValue: { value: 1000, unit: 'nM' },
+      },
+    })
+
+    expect(wrapper.text()).toContain('1 µM')
+  })
+})