@morscherlab/mint-sdk 1.2.0-beta.2 → 1.2.0-beta.3

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

@@ -1,291 +0,0 @@
-import { describe, it, expect, vi } from 'vitest'
-import { mount } from '@vue/test-utils'
-import BasePill from '../../components/BasePill.vue'
-
-describe('BasePill', () => {
-  describe('rendering with default props', () => {
-    it('should render pill with default variant and size', () => {
-      const wrapper = mount(BasePill, {
-        slots: { default: 'Label' },
-      })
-      expect(wrapper.find('.mint-pill').exists()).toBe(true)
-      expect(wrapper.find('.mint-pill--default').exists()).toBe(true)
-      expect(wrapper.find('.mint-pill--md').exists()).toBe(true)
-    })
-
-    it('should render label content', () => {
-      const wrapper = mount(BasePill, {
-        slots: { default: 'Test Label' },
-      })
-      expect(wrapper.find('.mint-pill__label').text()).toBe('Test Label')
-    })
-
-    it('should not show remove button by default', () => {
-      const wrapper = mount(BasePill, {
-        slots: { default: 'Label' },
-      })
-      expect(wrapper.find('.mint-pill__remove').exists()).toBe(false)
-    })
-
-    it('should not show icon slot by default', () => {
-      const wrapper = mount(BasePill, {
-        slots: { default: 'Label' },
-      })
-      expect(wrapper.find('.mint-pill__icon').exists()).toBe(false)
-    })
-  })
-
-  describe('variant prop', () => {
-    it('should apply primary variant class', () => {
-      const wrapper = mount(BasePill, {
-        props: { variant: 'primary' },
-        slots: { default: 'Primary' },
-      })
-      expect(wrapper.find('.mint-pill--primary').exists()).toBe(true)
-    })
-
-    it('should apply success variant class', () => {
-      const wrapper = mount(BasePill, {
-        props: { variant: 'success' },
-        slots: { default: 'Success' },
-      })
-      expect(wrapper.find('.mint-pill--success').exists()).toBe(true)
-    })
-
-    it('should apply warning variant class', () => {
-      const wrapper = mount(BasePill, {
-        props: { variant: 'warning' },
-        slots: { default: 'Warning' },
-      })
-      expect(wrapper.find('.mint-pill--warning').exists()).toBe(true)
-    })
-
-    it('should apply error variant class', () => {
-      const wrapper = mount(BasePill, {
-        props: { variant: 'error' },
-        slots: { default: 'Error' },
-      })
-      expect(wrapper.find('.mint-pill--error').exists()).toBe(true)
-    })
-
-    it('should apply info variant class', () => {
-      const wrapper = mount(BasePill, {
-        props: { variant: 'info' },
-        slots: { default: 'Info' },
-      })
-      expect(wrapper.find('.mint-pill--info').exists()).toBe(true)
-    })
-
-    it('should apply outline variant class', () => {
-      const wrapper = mount(BasePill, {
-        props: { variant: 'outline' },
-        slots: { default: 'Outline' },
-      })
-      expect(wrapper.find('.mint-pill--outline').exists()).toBe(true)
-    })
-  })
-
-  describe('size prop', () => {
-    it('should apply small size class', () => {
-      const wrapper = mount(BasePill, {
-        props: { size: 'sm' },
-        slots: { default: 'Small' },
-      })
-      expect(wrapper.find('.mint-pill--sm').exists()).toBe(true)
-    })
-
-    it('should apply medium size class', () => {
-      const wrapper = mount(BasePill, {
-        props: { size: 'md' },
-        slots: { default: 'Medium' },
-      })
-      expect(wrapper.find('.mint-pill--md').exists()).toBe(true)
-    })
-
-    it('should apply large size class', () => {
-      const wrapper = mount(BasePill, {
-        props: { size: 'lg' },
-        slots: { default: 'Large' },
-      })
-      expect(wrapper.find('.mint-pill--lg').exists()).toBe(true)
-    })
-  })
-
-  describe('removable prop', () => {
-    it('should show remove button when removable is true', () => {
-      const wrapper = mount(BasePill, {
-        props: { removable: true },
-        slots: { default: 'Removable' },
-      })
-      expect(wrapper.find('.mint-pill__remove').exists()).toBe(true)
-    })
-
-    it('should emit remove event when remove button is clicked', async () => {
-      const wrapper = mount(BasePill, {
-        props: { removable: true },
-        slots: { default: 'Removable' },
-      })
-      await wrapper.find('.mint-pill__remove').trigger('click')
-      expect(wrapper.emitted('remove')).toHaveLength(1)
-    })
-
-    it('should not show remove button when disabled', () => {
-      const wrapper = mount(BasePill, {
-        props: { removable: true, disabled: true },
-        slots: { default: 'Disabled' },
-      })
-      expect(wrapper.find('.mint-pill__remove').exists()).toBe(false)
-    })
-
-    it('should stop event propagation on remove click', async () => {
-      const wrapper = mount(BasePill, {
-        props: { removable: true },
-        slots: { default: 'Removable' },
-      })
-      const button = wrapper.find('.mint-pill__remove')
-      const clickEvent = new MouseEvent('click', { bubbles: true })
-      const stopPropagationSpy = vi.spyOn(clickEvent, 'stopPropagation')
-
-      await button.element.dispatchEvent(clickEvent)
-      expect(stopPropagationSpy).toHaveBeenCalled()
-    })
-  })
-
-  describe('disabled prop', () => {
-    it('should apply disabled class when disabled is true', () => {
-      const wrapper = mount(BasePill, {
-        props: { disabled: true },
-        slots: { default: 'Disabled' },
-      })
-      expect(wrapper.find('.mint-pill--disabled').exists()).toBe(true)
-    })
-
-    it('should not emit remove event when disabled', async () => {
-      const wrapper = mount(BasePill, {
-        props: { removable: true, disabled: true },
-        slots: { default: 'Disabled' },
-      })
-      // Remove button shouldn't exist when disabled + removable
-      expect(wrapper.find('.mint-pill__remove').exists()).toBe(false)
-    })
-  })
-
-  describe('icon prop and slot', () => {
-    it('should show icon slot when icon is true', () => {
-      const wrapper = mount(BasePill, {
-        props: { icon: true },
-        slots: {
-          default: 'With Icon',
-          icon: '<svg class="test-icon"></svg>',
-        },
-      })
-      expect(wrapper.find('.mint-pill__icon').exists()).toBe(true)
-      expect(wrapper.find('.test-icon').exists()).toBe(true)
-    })
-
-    it('should apply with-icon class when icon is true', () => {
-      const wrapper = mount(BasePill, {
-        props: { icon: true },
-        slots: {
-          default: 'With Icon',
-          icon: '<svg></svg>',
-        },
-      })
-      expect(wrapper.find('.mint-pill--with-icon').exists()).toBe(true)
-    })
-
-    it('should not show icon slot when icon is false', () => {
-      const wrapper = mount(BasePill, {
-        props: { icon: false },
-        slots: {
-          default: 'No Icon',
-          icon: '<svg class="test-icon"></svg>',
-        },
-      })
-      expect(wrapper.find('.mint-pill__icon').exists()).toBe(false)
-    })
-  })
-
-  describe('combined props', () => {
-    it('should apply multiple classes correctly', () => {
-      const wrapper = mount(BasePill, {
-        props: {
-          variant: 'success',
-          size: 'sm',
-          disabled: true,
-          icon: true,
-        },
-        slots: {
-          default: 'Combined',
-          icon: '<svg></svg>',
-        },
-      })
-      const pill = wrapper.find('.mint-pill')
-      expect(pill.classes()).toContain('mint-pill--success')
-      expect(pill.classes()).toContain('mint-pill--sm')
-      expect(pill.classes()).toContain('mint-pill--disabled')
-      expect(pill.classes()).toContain('mint-pill--with-icon')
-    })
-
-    it('should render with icon and remove button', () => {
-      const wrapper = mount(BasePill, {
-        props: {
-          icon: true,
-          removable: true,
-        },
-        slots: {
-          default: 'Full Featured',
-          icon: '<svg class="icon"></svg>',
-        },
-      })
-      expect(wrapper.find('.mint-pill__icon').exists()).toBe(true)
-      expect(wrapper.find('.mint-pill__remove').exists()).toBe(true)
-    })
-  })
-
-  describe('accessibility', () => {
-    it('should have aria-label on remove button', () => {
-      const wrapper = mount(BasePill, {
-        props: { removable: true },
-        slots: { default: 'Removable' },
-      })
-      const button = wrapper.find('.mint-pill__remove')
-      expect(button.attributes('aria-label')).toBe('Remove')
-    })
-
-    it('should have proper button type', () => {
-      const wrapper = mount(BasePill, {
-        props: { removable: true },
-        slots: { default: 'Removable' },
-      })
-      const button = wrapper.find('.mint-pill__remove')
-      expect(button.attributes('type')).toBe('button')
-    })
-  })
-
-  describe('edge cases', () => {
-    it('should handle empty label', () => {
-      const wrapper = mount(BasePill)
-      expect(wrapper.find('.mint-pill__label').exists()).toBe(true)
-      expect(wrapper.find('.mint-pill__label').text()).toBe('')
-    })
-
-    it('should handle long text labels', () => {
-      const longText = 'This is a very long label that might need to wrap or be truncated'
-      const wrapper = mount(BasePill, {
-        slots: { default: longText },
-      })
-      expect(wrapper.find('.mint-pill__label').text()).toBe(longText)
-    })
-
-    it('should render SVG icon in remove button', () => {
-      const wrapper = mount(BasePill, {
-        props: { removable: true },
-        slots: { default: 'Test' },
-      })
-      const svg = wrapper.find('.mint-pill__remove-icon')
-      expect(svg.exists()).toBe(true)
-      expect(svg.element.tagName).toBe('svg')
-    })
-  })
-})

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

@@ -1,25 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { describe, expect, it } from 'vitest'
-import BaseRadioGroup from '../../components/BaseRadioGroup.vue'
-
-describe('BaseRadioGroup', () => {
-  it('accepts string and number shorthand options', async () => {
-    const wrapper = mount(BaseRadioGroup, {
-      props: {
-        name: 'plate-format',
-        modelValue: 96,
-        options: [96, 384, { value: 'custom', label: 'Custom' }],
-      },
-    })
-
-    expect(wrapper.findAll('.mint-radio-option__label').map(label => label.text())).toEqual([
-      '96',
-      '384',
-      'Custom',
-    ])
-
-    await wrapper.findAll('input')[1].setValue(true)
-
-    expect(wrapper.emitted('update:modelValue')?.[0]).toEqual([384])
-  })
-})

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

@@ -1,73 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { describe, expect, it } from 'vitest'
-import BaseSelect from '../../components/BaseSelect.vue'
-
-describe('BaseSelect', () => {
-  it('forwards native attributes to the select instead of the wrapper', () => {
-    const wrapper = mount(BaseSelect, {
-      props: {
-        options: ['linear'],
-      },
-      attrs: {
-        id: 'curve-model',
-        name: 'curve-model',
-        'aria-label': 'Curve model',
-        'data-testid': 'curve-model-select',
-        class: 'curve-model-layout',
-        style: 'width: 12rem;',
-      },
-    })
-
-    const select = wrapper.get('select')
-
-    expect({
-      select: {
-        id: select.attributes('id'),
-        name: select.attributes('name'),
-        ariaLabel: select.attributes('aria-label'),
-        testId: select.attributes('data-testid'),
-        layoutClass: select.classes().includes('curve-model-layout'),
-      },
-      wrapper: {
-        id: wrapper.attributes('id'),
-        name: wrapper.attributes('name'),
-        ariaLabel: wrapper.attributes('aria-label'),
-        testId: wrapper.attributes('data-testid'),
-        layoutClass: wrapper.classes().includes('curve-model-layout'),
-        style: wrapper.attributes('style'),
-      },
-    }).toEqual({
-      select: {
-        id: 'curve-model',
-        name: 'curve-model',
-        ariaLabel: 'Curve model',
-        testId: 'curve-model-select',
-        layoutClass: false,
-      },
-      wrapper: {
-        id: undefined,
-        name: undefined,
-        ariaLabel: undefined,
-        testId: undefined,
-        layoutClass: true,
-        style: 'width: 12rem;',
-      },
-    })
-  })
-
-  it('accepts string and number shorthand options', async () => {
-    const wrapper = mount(BaseSelect, {
-      props: {
-        modelValue: 'linear',
-        options: ['linear', 96, { value: 'log', label: 'Log scale' }],
-      },
-    })
-
-    const options = wrapper.findAll('option')
-    expect(options.map(option => option.text())).toEqual(['linear', '96', 'Log scale'])
-
-    await wrapper.get('select').setValue('96')
-
-    expect(wrapper.emitted('update:modelValue')?.[0]).toEqual([96])
-  })
-})

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

@@ -1,40 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { describe, expect, it } from 'vitest'
-import BaseTabs from '../../components/BaseTabs.vue'
-
-describe('BaseTabs', () => {
-  it('accepts string shorthand tabs', async () => {
-    const wrapper = mount(BaseTabs, {
-      props: {
-        modelValue: 'Run',
-        tabs: ['Run', 'Results', { id: 'settings', label: 'Settings', disabled: true }],
-      },
-    })
-
-    expect(wrapper.findAll('.mint-tab').map(tab => tab.text())).toEqual([
-      'Run',
-      'Results',
-      'Settings',
-    ])
-
-    await wrapper.findAll('.mint-tab')[1].trigger('click')
-    await wrapper.findAll('.mint-tab')[2].trigger('click')
-
-    expect(wrapper.emitted('update:modelValue')).toEqual([['Results']])
-  })
-
-  it('renders svg path icons', () => {
-    const wrapper = mount(BaseTabs, {
-      props: {
-        modelValue: 'users',
-        tabs: [
-          { id: 'users', label: 'Users', icon: 'M12 4h8M12 12h8M12 20h8' },
-          { id: 'logs', label: 'Logs', icon: ['M4 4h16v16H4z', 'M8 8h8'] },
-        ],
-      },
-    })
-
-    expect(wrapper.findAll('svg.mint-tab__icon--svg')).toHaveLength(2)
-    expect(wrapper.findAll('path')).toHaveLength(3)
-  })
-})

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

@@ -1,40 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { describe, expect, it } from 'vitest'
-import BaseToggle from '../../components/BaseToggle.vue'
-
-describe('BaseToggle', () => {
-  it('uses ariaLabel for the switch name without changing the visual label', () => {
-    const wrapper = mount(BaseToggle, {
-      props: {
-        label: 'Enabled',
-        ariaLabel: 'Email notifications',
-      },
-    })
-
-    expect({
-      accessibleName: wrapper.get('[role="switch"]').attributes('aria-label'),
-      visualText: wrapper.text(),
-      wrapperAriaLabel: wrapper.attributes('aria-label'),
-    }).toEqual({
-      accessibleName: 'Email notifications',
-      visualText: 'Enabled',
-      wrapperAriaLabel: undefined,
-    })
-  })
-
-  it('keeps using the visual label as the default switch name', () => {
-    const wrapper = mount(BaseToggle, {
-      props: {
-        label: 'Enabled',
-      },
-    })
-
-    expect(wrapper.get('[role="switch"]').attributes('aria-label')).toBe('Enabled')
-  })
-
-  it('keeps the existing fallback name when no labels are provided', () => {
-    const wrapper = mount(BaseToggle)
-
-    expect(wrapper.get('[role="switch"]').attributes('aria-label')).toBe('Toggle')
-  })
-})

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

@@ -1,52 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { describe, expect, it } from 'vitest'
-import BatchProgressList from '../../components/BatchProgressList.vue'
-import type { BatchItem } from '../../types'
-
-const items: BatchItem[] = [
-  { id: 'a', label: 'Sample A', status: 'completed' },
-  { id: 'b', label: 'Sample B', status: 'error', message: 'Import failed' },
-  { id: 'c', label: 'Sample C', status: 'processing', progress: 50 },
-]
-
-describe('BatchProgressList', () => {
-  it('summarizes progress and emits row actions', async () => {
-    const wrapper = mount(BatchProgressList, {
-      props: {
-        title: 'Import',
-        items,
-        autoScroll: false,
-      },
-    })
-
-    expect(wrapper.find('.mint-batch-progress__percent').text()).toBe('33%')
-    expect(wrapper.text()).toContain('1 completed')
-    expect(wrapper.text()).toContain('1 failed')
-    expect(wrapper.text()).toContain('1 processing')
-
-    await wrapper.get('.mint-batch-progress__retry-btn').trigger('click')
-    await wrapper.get('.mint-batch-progress__cancel-btn').trigger('click')
-
-    expect(wrapper.emitted('retry')).toEqual([[items[1].id]])
-    expect(wrapper.emitted('cancel')).toEqual([[items[2].id]])
-  })
-
-  it('uses shared expansion state for error messages', async () => {
-    const wrapper = mount(BatchProgressList, {
-      props: {
-        items,
-        autoScroll: false,
-      },
-    })
-
-    expect(wrapper.find('.mint-batch-progress__item-message').exists()).toBe(false)
-
-    await wrapper.get('.mint-batch-progress__error-toggle').trigger('click')
-    expect(wrapper.get('.mint-batch-progress__error-toggle').text()).toBe('Hide error')
-    expect(wrapper.get('.mint-batch-progress__item-message').text()).toBe('Import failed')
-
-    await wrapper.get('.mint-batch-progress__error-toggle').trigger('click')
-    expect(wrapper.get('.mint-batch-progress__error-toggle').text()).toBe('Show error')
-    expect(wrapper.find('.mint-batch-progress__item-message').exists()).toBe(false)
-  })
-})

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

@@ -1,159 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { h } from 'vue'
-import { describe, expect, it, vi } from 'vitest'
-import BioTemplateExperimentWorkspaceView from '../../components/BioTemplateExperimentWorkspaceView.vue'
-import {
-  createPlateMapTemplate,
-  createWellPlateScreenCollection,
-} from '../../templates'
-
-describe('BioTemplateExperimentWorkspaceView', () => {
-  it('renders load/save/reset controls and a template preview', async () => {
-    const wrapper = mount(BioTemplateExperimentWorkspaceView, {
-      props: {
-        target: createPlateMapTemplate(),
-        label: 'Plate Map',
-        hasExperiment: true,
-        currentExperimentId: 7,
-      },
-      global: {
-        stubs: {
-          PlateMapEditor: true,
-          WellPlate: true,
-        },
-      },
-    })
-
-    expect(wrapper.text()).toContain('Plate Map template data saves')
-    expect(wrapper.text()).toContain('experiment: 7')
-    expect(wrapper.find('.mint-bio-template-renderer').exists()).toBe(true)
-
-    const buttons = wrapper.findAll('button')
-    await buttons[0].trigger('click')
-    await buttons[1].trigger('click')
-    await buttons[2].trigger('click')
-
-    expect(wrapper.emitted('load')).toHaveLength(1)
-    expect(wrapper.emitted('reset')).toHaveLength(1)
-    expect(wrapper.emitted('save')).toHaveLength(1)
-  })
-
-  it('renders collection summaries and disables experiment actions without an experiment', () => {
-    const wrapper = mount(BioTemplateExperimentWorkspaceView, {
-      props: {
-        target: createWellPlateScreenCollection(),
-        label: 'Wellplate Screen',
-        kind: 'collection',
-        showTemplateSummary: true,
-        hasExperiment: false,
-      },
-      global: {
-        stubs: {
-          DataFrame: true,
-          DoseCalculator: true,
-          PlateMapEditor: true,
-          SampleSelector: true,
-          WellPlate: true,
-        },
-      },
-    })
-
-    expect(wrapper.text()).toContain('Wellplate Screen saves the full template collection')
-    expect(wrapper.text()).toContain('plate-map')
-    expect(wrapper.text()).toContain('dose-response')
-    expect(wrapper.findAll('button')[0].attributes('disabled')).toBeDefined()
-    expect(wrapper.findAll('button')[2].attributes('disabled')).toBeDefined()
-  })
-
-  it('uses grouped status and actions when provided', async () => {
-    const load = vi.fn()
-    const reset = vi.fn()
-    const save = vi.fn()
-    const lastLoadedAt = new Date('2026-01-02T03:04:05Z')
-    const wrapper = mount(BioTemplateExperimentWorkspaceView, {
-      props: {
-        target: createPlateMapTemplate(),
-        label: 'Plate Map',
-        status: {
-          loading: false,
-          saving: false,
-          error: 'Template request failed.',
-          hasExperiment: true,
-          currentExperimentId: 23,
-          lastLoadedAt,
-          lastSavedAt: null,
-        },
-        actions: { load, reset, save },
-      },
-      global: {
-        stubs: {
-          PlateMapEditor: true,
-          WellPlate: true,
-        },
-      },
-    })
-
-    expect(wrapper.text()).toContain('Template request failed.')
-    expect(wrapper.text()).toContain('experiment: 23')
-
-    const buttons = wrapper.findAll('button')
-    expect(buttons[0].attributes('disabled')).toBeUndefined()
-    await buttons[0].trigger('click')
-    await buttons[1].trigger('click')
-    await buttons[2].trigger('click')
-
-    expect(load).toHaveBeenCalledTimes(1)
-    expect(reset).toHaveBeenCalledTimes(1)
-    expect(save).toHaveBeenCalledTimes(1)
-    expect(wrapper.emitted('load')).toBeUndefined()
-    expect(wrapper.emitted('reset')).toBeUndefined()
-    expect(wrapper.emitted('save')).toBeUndefined()
-  })
-
-  it('exposes target component props to the default slot', () => {
-    const wrapper = mount(BioTemplateExperimentWorkspaceView, {
-      props: {
-        target: createWellPlateScreenCollection(),
-        label: 'Wellplate Screen',
-        kind: 'collection',
-      },
-      slots: {
-        default: ({ bindings, componentBindingsById, componentPropsById, getComponentProps }) => h(
-          'pre',
-          { class: 'component-props' },
-          JSON.stringify({
-            doseMode: componentPropsById['dose-response:DoseCalculator'].mode,
-            bindingComponent: componentBindingsById['dose-response:DoseCalculator'].component,
-            bindingMode: componentBindingsById['dose-response:DoseCalculator'].props.mode,
-            bindingDoseMode: bindings.componentPropsById['dose-response:DoseCalculator'].mode,
-            nestedBindingMode: bindings.componentBindingsById['dose-response:DoseCalculator'].props.mode,
-            hasPlateWells: Boolean(componentPropsById['plate-map:WellPlate'].wells),
-            doseModeFromGetter: getComponentProps('DoseCalculator')?.mode,
-            bindingDoseModeFromGetter: bindings.getComponentProps('DoseCalculator')?.mode,
-          }),
-        ),
-      },
-      global: {
-        stubs: {
-          DataFrame: true,
-          DoseCalculator: true,
-          PlateMapEditor: true,
-          SampleSelector: true,
-          WellPlate: true,
-        },
-      },
-    })
-
-    expect(JSON.parse(wrapper.find('.component-props').text())).toEqual({
-      doseMode: 'serial',
-      bindingComponent: 'DoseCalculator',
-      bindingMode: 'serial',
-      bindingDoseMode: 'serial',
-      nestedBindingMode: 'serial',
-      hasPlateWells: true,
-      doseModeFromGetter: 'serial',
-      bindingDoseModeFromGetter: 'serial',
-    })
-    expect(wrapper.find('.mint-bio-template-renderer').exists()).toBe(false)
-  })
-})