@icij/murmur-next 4.0.0 → 4.0.3

package/tests/unit/components/SelectableDropdown.spec.js

@@ -1,160 +0,0 @@
-import {shallowMount, mount, flushPromises} from '@vue/test-utils'
-import SelectableDropdown from '@/components/SelectableDropdown.vue'
-
-const KEY_UP_CODE = 38
-const KEY_DOWN_CODE = 40
-const KEY_MAP = {}
-
-// Wrapper the addEventListener to trigger events
-window.addEventListener = vi.fn((event, cb) => {
-  KEY_MAP[event] = cb
-})
-
-describe('SelectableDropdown.vue', () => {
-  beforeAll(()=>{
-    // Removes warning about IntersectionObserver used in vue virtual scroller
-    // but not implemented in jsdom
-    const mockIntersectionObserver = vi.fn();
-    mockIntersectionObserver.mockReturnValue({
-      observe: () => null,
-      unobserve: () => null,
-      disconnect: () => null
-    });
-    window.IntersectionObserver = mockIntersectionObserver;
-  })
-  afterAll(()=> {
-    window.IntersectionObserver.mockClear()
-  })
-  it('is a Vue instance', () => {
-    const wrapper = mount(SelectableDropdown)
-    expect(wrapper.vm).toBeTruthy()
-  })
-
-  it('has a list of items', async () => {
-    const propsData = { items: ['Lesotho', 'Senegal', 'Djibouti'] , hide:false}
-    const wrapper = mount(SelectableDropdown, { propsData } )
-    await flushPromises()
-    expect(wrapper.findAll('.dropdown-item')).toHaveLength(3)
-  })
-
-  it('has a list of items written in upper case', async () => {
-    const propsData = { items: ['Lesotho', 'Senegal', 'Djibouti'], serializer: c => c.toUpperCase() }
-    const wrapper = mount(SelectableDropdown, { propsData })
-    await flushPromises()
-
-    expect(wrapper.findAll('.dropdown-item').at(0).text()).toBe('LESOTHO')
-    expect(wrapper.findAll('.dropdown-item').at(1).text()).toBe('SENEGAL')
-    expect(wrapper.findAll('.dropdown-item').at(2).text()).toBe('DJIBOUTI')
-  })
-
-  it('has a list a `list` class', () => {
-    const propsData = { items: ['Lesotho', 'Senegal', 'Djibouti'], listClass: 'list' }
-    const wrapper = mount(SelectableDropdown, { propsData })
-    expect(wrapper.find('.list').exists()).toBeTruthy()
-  })
-
-  it('has a list of items with a `item` class', async () => {
-    const propsData = { items: ['Lesotho', 'Senegal', 'Djibouti'], itemClass: 'item' }
-    const wrapper = mount(SelectableDropdown, { propsData })
-    await flushPromises()
-
-    expect(wrapper.findAll('.item').at(0).text()).toBe('Lesotho')
-    expect(wrapper.findAll('.item').at(1).text()).toBe('Senegal')
-    expect(wrapper.findAll('.item').at(2).text()).toBe('Djibouti')
-  })
-
-  it('updates active indexes when hitting arrow down', async () => {
-    const propsData = { items: ['Lesotho', 'Senegal', 'Djibouti'], modelValue: 'Lesotho' }
-    const wrapper = mount(SelectableDropdown, { propsData })
-    await flushPromises()
-
-    expect(wrapper.vm.activeItems).toContain('Lesotho')
-    KEY_MAP.keydown({ keyCode: KEY_DOWN_CODE })
-    expect(wrapper.vm.activeItems).toContain('Senegal')
-    KEY_MAP.keydown({ keyCode: KEY_DOWN_CODE })
-    expect(wrapper.vm.activeItems).toContain('Djibouti')
-  })
-
-  it('updates active indexes when hitting arrow up', async () => {
-    const propsData = {items: ['Lesotho', 'Senegal', 'Djibouti'], modelValue: 'Djibouti'}
-    const wrapper = mount(SelectableDropdown, {propsData})
-    await flushPromises()
-
-    expect(wrapper.vm.activeItems).toContain('Djibouti')
-    KEY_MAP.keydown({keyCode: KEY_UP_CODE})
-    expect(wrapper.vm.activeItems).toContain('Senegal')
-    KEY_MAP.keydown({keyCode: KEY_UP_CODE})
-    expect(wrapper.vm.activeItems).toContain('Lesotho')
-  })
-
-  it('emits a `update:modelValue` event when a value is selected', async () => {
-    const propsData = { items: ['Lesotho', 'Senegal', 'Djibouti'], modelValue: 'Djibouti' }
-    const wrapper = mount(SelectableDropdown, { propsData })
-    await flushPromises()
-    
-    expect(wrapper.emitted("update:modelValue")[0]).toContain('Djibouti')
-
-    await wrapper.find("#dropdown-item-lesotho").trigger("click")
-    expect(wrapper.emitted("update:modelValue")[1]).toContain('Lesotho')
-
-    await wrapper.find("#dropdown-item-senegal").trigger("click")
-    expect(wrapper.emitted("update:modelValue")[2]).toContain('Senegal')
-  })
-
-  it('emits a `click` event when user click on an item', async () => {
-    const propsData = { items: ['Lesotho', 'Senegal', 'Djibouti'] }
-    const wrapper = mount(SelectableDropdown, { propsData })
-    await flushPromises()
-
-    const findAll = wrapper.findAll('.dropdown-item');
-    await findAll.at(0).trigger('click') //TODO fix me
-    expect(wrapper.emitted("click")[0]).toContain('Lesotho')
-    await findAll.at(1).trigger('click') //TODO fix me
-    expect(wrapper.emitted("click")[1]).toContain('Senegal')
-    await findAll.at(0).trigger('click') //TODO fix me
-    expect(wrapper.emitted("click")[2]).toContain('Lesotho')
-  })
-
-  it('emits a `click` event when using `clickToSelectItem` method', () => {
-    const propsData = { items: ['Lesotho', 'Senegal', 'Djibouti'] }
-    const wrapper = mount(SelectableDropdown, { propsData })
-
-    wrapper.vm.clickToSelectItem('Lesotho')
-    expect(wrapper.emitted().click[0]).toContain('Lesotho')
-    wrapper.vm.clickToSelectItem('Senegal')
-    expect(wrapper.emitted().click[1]).toContain('Senegal')
-    wrapper.vm.clickToSelectItem('Lesotho')
-    expect(wrapper.emitted().click[2]).toContain('Lesotho')
-  })
-
-  describe('itemActivated', () => {
-    it('set item as activated for multiple and items is an array of string', () => {
-      const propsData = { items: ['Lesotho', 'Senegal', 'Djibouti'], modelValue: ['Lesotho'], multiple: true }
-      const wrapper = mount(SelectableDropdown, { propsData })
-
-      expect(wrapper.vm.itemActivated('Lesotho')).toBeTruthy()
-      expect(wrapper.vm.itemActivated('Senegal')).toBeFalsy()
-    })
-
-    it('set item as activated for multiple and items is an array of objects', () => {
-      const eq = (item, other) => item.label === other.label
-      const propsData = { items: [{ label: 'Lesotho' }, { label: 'Senegal' }, { label: 'Djibouti' }], modelValue: [{ label: 'Lesotho' }], multiple: true, eq }
-      const wrapper = mount(SelectableDropdown, { propsData })
-
-      expect(wrapper.vm.itemActivated({ label: 'Lesotho' })).toBeTruthy()
-      expect(wrapper.vm.itemActivated({ label: 'Senegal' })).toBeFalsy()
-    })
-  })
-
-  describe('Large number of selectable options', () => {
-    it('it displays only 7 items in the DOM on the 20 items given',async () => {
-      const twentyItems = Array.from(Array(20).keys())
-      const propsData = { items: twentyItems }
-      const wrapper = mount(SelectableDropdown, { propsData })
-      await flushPromises()
-
-      expect(wrapper.findAll('.dropdown-item')).toHaveLength(7)
-    })
-
-  })
-})

package/tests/unit/components/SharingOptions.spec.js

@@ -1,125 +0,0 @@
-import { mount, enableAutoUnmount,config } from '@vue/test-utils'
-
-import SharingOptions from '@/components/SharingOptions'
-import Murmur from "@/main";
-
-describe('SharingOptions', () => {
-
-  const propsData = {
-    url: 'https://medicaldevices.icij.org/',
-    values: {
-      title: 'A title to share',
-      twitter_title: 'A tweet to share #vue',
-      facebook_description: 'A short description for facebook but not for the other network'
-    }
-  }
-
-  enableAutoUnmount(afterEach)
-
-  beforeEach(() => {
-    // create teleport target
-    const el = document.createElement('div')
-    el.id = 'embedForm'
-    document.body.appendChild(el)
-  })
-
-  afterEach(() => {
-    // clean up
-    document.body.outerHTML = ''
-  })
-
-  it('is a Vue instance', () => {
-    const wrapper = mount(SharingOptions, { propsData })
-    expect(wrapper.vm).toBeTruthy()
-  })
-
-  it('renders props.direction on the root element with the default value', () => {
-    const wrapper = mount(SharingOptions, { propsData })
-    expect(wrapper.element.style['flex-direction']).toBe('row')
-  })
-
-
-  it('renders props.direction on the root element with `row`', () => {
-    const direction = 'row'
-    const wrapper = mount(SharingOptions, {
-      propsData: { direction, ...propsData }
-    })
-    expect(wrapper.element.style['flex-direction']).toBe(direction)
-  })
-
-  it('renders props.direction on the root element with `row-reverse`', () => {
-    const direction = 'row-reverse'
-    const wrapper = mount(SharingOptions, {
-      propsData: { direction, ...propsData }
-    })
-    expect(wrapper.element.style['flex-direction']).toBe(direction)
-  })
-
-  it('renders props.direction on the root element with `column`', () => {
-    const direction = 'column'
-    const wrapper = mount(SharingOptions, {
-      propsData: { direction, ...propsData }
-    })
-    expect(wrapper.element.style['flex-direction']).toBe(direction)
-  })
-
-  it('renders props.direction on the root element with `column-reverse`', () => {
-    const direction = 'column-reverse'
-    const wrapper = mount(SharingOptions, {
-      propsData: { direction, ...propsData }
-    })
-    expect(wrapper.element.style['flex-direction']).toBe(direction)
-  })
-
-  it('renders the embed button by default', () => {
-    const wrapper = mount(SharingOptions, { propsData })
-    expect(wrapper.find('.sharing-options__link--embed').element.style.display).not.toBe('none')
-  })
-
-  it('hides the embed button when props.noEmbed is passed', () => {
-    const noEmbed = true
-    const wrapper = mount(SharingOptions, {
-      propsData: { noEmbed, ...propsData }
-    })
-    expect(wrapper.find('.sharing-options__link--embed').element.style.display).toBe('none')
-  })
-
-  it('hides the embed button when props.noEmbed is passed', () => {
-    const noEmbed = true
-    const wrapper = mount(SharingOptions, {
-      propsData: { noEmbed, ...propsData }
-    })
-    expect(wrapper.find('.sharing-options__link--embed').element.style.display).toBe('none')
-  })
-
-  it('uses a generic title', () => {
-    const wrapper = mount(SharingOptions, { propsData })
-    expect(wrapper.vm.valuesFor('facebook').title).toBe('A title to share')
-    expect(wrapper.vm.valuesFor('other').title).toBe('A title to share')
-  })
-
-  it('uses a dedicated title for Twitter', () => {
-    const wrapper = mount(SharingOptions, { propsData })
-    expect(wrapper.vm.valuesFor('twitter').title).toBe('A tweet to share #vue')
-  })
-
-  it('uses a dedicated description for Facebook', () => {
-    const wrapper = mount(SharingOptions, { propsData })
-    expect(wrapper.vm.valuesFor('facebook').description).toBe('A short description for facebook but not for the other network')
-  })
-
-  it('toggles the embed form', async () => {
-    const wrapper = mount(SharingOptions, { propsData, global:{ stubs: { teleport: true , HapticCopy:true}} })
-
-    const $modal = wrapper.find('#embedForm')
-    expect($modal.isVisible()).toBe(false)
-    await wrapper.find(".sharing-options__link--embed a").trigger("click")
-    expect($modal.isVisible()).toBe(true)
-
-  })
-
-  it('uses the current location is none is given', () => {
-    const wrapper =mount(SharingOptions, { global })
-    expect(wrapper.vm.url).toBe('http://localhost:3000/')
-  })
-})

package/tests/unit/components/SharingOptionsLink.spec.js

@@ -1,184 +0,0 @@
-import {mount} from '@vue/test-utils'
-
-import SharingOptionsLink, {$popup} from '@/components/SharingOptionsLink'
-
-function mockPopupParent () {
-  return {
-    open: vi.fn().mockImplementation(() => {
-      return {
-        focus: vi.fn(),
-        close: vi.fn()
-      }
-    })
-  }
-}
-
-vi.useFakeTimers()
-
-describe('SharingOptionsLink', () => {
-
-  const propsData = { network: 'twitter' }
-
-  beforeEach(() => {
-    vi.clearAllMocks()
-    vi.restoreAllMocks()
-  })
-
-  it('should be a Vue instance', () => {
-    const wrapper = mount(SharingOptionsLink, { propsData })
-    expect(wrapper.vm).toBeTruthy()
-  })
-
-  it('should generate the component with `a` tag', () => {
-    const wrapper = mount(SharingOptionsLink, { propsData })
-    expect(wrapper.element.tagName).toBe('A')
-  })
-
-  it('should generate the component with `button` tag', () => {
-    const propsData = { network: 'twitter', tag: 'button' }
-    const wrapper = mount(SharingOptionsLink, { propsData })
-    expect(wrapper.element.tagName).toBe('BUTTON')
-  })
-
-  it('should validate prop against platforms names', () => {
-    const validator = SharingOptionsLink.props.network.validator
-    expect(validator('foo')).toBe(false)
-    expect(validator('email')).toBe(true)
-  })
-
-  it('should give a different `base` for Twitter', () => {
-    const propsData = { network: 'twitter' }
-    const wrapper = mount(SharingOptionsLink, { propsData })
-    expect(wrapper.vm.base).toBe('https://twitter.com/intent/tweet?')
-  })
-
-  it('should give a different `base` for Facebook', () => {
-    const propsData = { network: 'facebook' }
-    const wrapper = mount(SharingOptionsLink, { propsData })
-    expect(wrapper.vm.base).toBe('https://www.facebook.com/sharer.php?')
-  })
-
-  it('should give a different `base` for Linkedin', () => {
-    const propsData = { network: 'linkedin' }
-    const wrapper = mount(SharingOptionsLink, { propsData })
-    expect(wrapper.vm.base).toBe('https://www.linkedin.com/sharing/share-offsite/?')
-  })
-
-  it('should have a popup', () => {
-    const wrapper = mount(SharingOptionsLink, { propsData })
-    expect(wrapper.vm.hasPopup()).toBeTruthy()
-  })
-
-  it('shouldn\'t have a popup when network is `email`', () => {
-    const propsData = { network: 'email' }
-    const wrapper = mount(SharingOptionsLink, { propsData })
-    expect(wrapper.vm.hasPopup()).toBeFalsy()
-  })
-
-  it('should create a query with the correct `url` param', () => {
-    const propsData = { network: 'twitter', url: 'https://icij.org' }
-    const wrapper = mount(SharingOptionsLink, { propsData })
-    expect(wrapper.vm.query.url).toBe(propsData.url)
-  })
-
-  it('should create a query with the correct `u` param', () => {
-    const propsData = { network: 'facebook', url: 'https://icij.org' }
-    const wrapper = mount(SharingOptionsLink, { propsData })
-    expect(wrapper.vm.query.u).toBe(propsData.url)
-  })
-
-  it('should create a query with the correct `text` param', () => {
-    const propsData = { network: 'twitter', title: 'Foo' }
-    const wrapper = mount(SharingOptionsLink, { propsData })
-    expect(wrapper.vm.query.text).toBe(propsData.title)
-  })
-
-  it('should create a query with the correct `title` param', () => {
-    const propsData = { network: 'facebook', title: 'Foo' }
-    const wrapper = mount(SharingOptionsLink, { propsData })
-    expect(wrapper.vm.query.title).toBe(propsData.title)
-  })
-
-  it('should create a query with the correct `summary` param', () => {
-    const propsData = { network: 'linkedin', description: 'Foo' }
-    const wrapper = mount(SharingOptionsLink, { propsData })
-    expect(wrapper.vm.query.summary).toBe(propsData.description)
-  })
-
-  it('should have correct `args` for Twitter', () => {
-    const wrapper = mount(SharingOptionsLink, { propsData })
-    expect(wrapper.vm.args).toHaveProperty('url')
-    expect(wrapper.vm.args).toHaveProperty('text')
-    expect(wrapper.vm.args).toHaveProperty('via')
-    expect(wrapper.vm.args).toHaveProperty('hashtags')
-  })
-
-  it('should have correct `args` for Facebook', () => {
-    const propsData = { network: 'facebook' }
-    const wrapper = mount(SharingOptionsLink, { propsData })
-    expect(wrapper.vm.args).toHaveProperty('u')
-    expect(wrapper.vm.args).toHaveProperty('title')
-    expect(wrapper.vm.args).toHaveProperty('description')
-    expect(wrapper.vm.args).toHaveProperty('hashtag')
-  })
-
-  it('should create open a popup when clicking on the component', async () => {
-    const propsData = { network: 'twitter', title: 'Foo' }
-    const wrapper = mount(SharingOptionsLink, { propsData })
-    // Create two spies that must be called when clicking
-    const spyOpenPopup = vi.spyOn(wrapper.vm, 'openPopup').mockImplementation(() => null)
-    const spyCleanExistingPopup = vi.spyOn(wrapper.vm, 'cleanExistingPopupInstance').mockImplementation(() => null)
-    await wrapper.trigger('click')
-    expect(spyOpenPopup).toBeCalled()
-    expect(spyCleanExistingPopup).toBeCalled()
-  })
-
-  it('should clear the interval and close existing popup when clicking on the component', () => {
-    const wrapper = mount(SharingOptionsLink, { propsData })
-    $popup.instance = { close: vi.fn(), focus: vi.fn() }
-    $popup.interval = setInterval(() => null)
-    wrapper.vm.cleanExistingPopupInstance()
-    expect($popup.interval).toBe(undefined)
-    expect($popup.instance.close).toBeCalled()
-  })
-
-  it('should share popup between components', () => {
-    $popup.instance = { close: vi.fn(), focus: vi.fn() }
-    $popup.interval = setInterval(() => null)
-    const wrapperA = mount(SharingOptionsLink, { propsData })
-    const wrapperB = mount(SharingOptionsLink, { propsData })
-    wrapperA.vm.cleanExistingPopupInstance()
-    expect($popup.interval).toBe(undefined)
-    expect($popup.instance.close).toBeCalled()
-    wrapperB.vm.cleanExistingPopupInstance()
-    expect($popup.interval).toBe(undefined)
-    expect($popup.instance.close).toBeCalled()
-  })
-
-  it('should open a popup wgen clicking on the component', async () => {
-    // Return a fake popup instance
-    $popup.parent = mockPopupParent()
-    const wrapper = mount(SharingOptionsLink, { propsData })
-    expect($popup.parent.open).not.toBeCalled()
-    await wrapper.trigger('click')
-    expect($popup.parent.open).toBeCalled()
-  })
-
-  it('should clear the popup instance once it been closed', async () => {
-    // Return a fake popup instance
-    $popup.parent = mockPopupParent()
-    const wrapper = mount(SharingOptionsLink, { propsData })
-    wrapper.vm.cleanExistingPopupInstance()
-    await wrapper.trigger('click')
-    expect($popup.instance).not.toBe(null)
-    expect($popup.interval).not.toBe(undefined)
-    // Close the popup
-    $popup.instance.closed = true
-    // Wait for the interval to be called
-    vi.advanceTimersByTime(1000)
-    // And check again!
-    expect($popup.instance).toBe(null)
-    expect($popup.interval).toBe(undefined)
-  })
-
-})

package/tests/unit/components/SignUpForm.spec.js

@@ -1,145 +0,0 @@
-import { mount } from '@vue/test-utils'
-import SignUpForm from '@/components/SignUpForm'
-import Murmur from '@/main'
-const mockSend = vi.fn().mockResolvedValue({})
-vi.mock('@/composables/sendEmail', () => ({
-  useSendEmail () {
-    return {
-      send: mockSend,
-    }
-  },
-}))
-
-
-
-describe('SignUpForm', () => {
-
-  it('is a Vue instance', () => {
-    const wrapper = mount(SignUpForm)
-    expect(wrapper.vm).toBeTruthy()
-  })
-
-  it('renders the label by default', () => {
-    const wrapper = mount(SignUpForm)
-    expect(wrapper.find('label').exists()).toBeTruthy()
-  })
-
-  it('disables the label when props.noLabel is passed', () => {
-    const noLabel = true
-    const wrapper = mount(SignUpForm, {
-      propsData: { noLabel }
-    })
-    expect(wrapper.find('label').exists()).toBeFalsy()
-  })
-
-  it('doesn\'t render the form horizontally by default', () => {
-    const wrapper = mount(SignUpForm)
-    expect(wrapper.classes('sign-up-form--horizontal')).toBeFalsy()
-  })
-
-  it('renders the form horizontally when props.horizontal is passed', () => {
-    const horizontal = true
-    const wrapper = mount(SignUpForm, {
-      propsData: { horizontal }
-    })
-    expect(wrapper.classes('sign-up-form--horizontal')).toBeTruthy()
-  })
-
-  it('uses a default tracker when none is given', () => {
-    const wrapper = mount(SignUpForm)
-    const tracker = Murmur.config.get('signup-form.tracker')
-    expect(wrapper.vm.tracker).toBe(tracker)
-  })
-
-  it('uses a custom tracker when props.tracker is passed', () => {
-    const tracker = 'YOLO'
-    const wrapper = mount(SignUpForm, {
-      propsData: { tracker }
-    })
-    expect(wrapper.vm.tracker).toBe(tracker)
-  })
-
-  it('sends the email when submitting the form', async () => {
-
-    const wrapper = mount(SignUpForm)
-
-    await wrapper.find('form').trigger('submit.prevent')
-    await wrapper.vm.$nextTick()
-
-    expect(wrapper.emitted('submit')[0][0]).toBeDefined()
-  })
-
-  it('sends the email when submitting the form and display the confirmation', async () => {
-    const msg = '☮️'
-    mockSend.mockResolvedValueOnce({result:"success",msg})
-    const wrapper = mount(SignUpForm)
-
-    await wrapper.vm.subscribe()
-    expect(wrapper.vm.successMessage).toBe(msg)
-  })
-
-  it('sends the email and drops it when the result is a success', async () => {
-    const msg = '☮️'
-
-    mockSend.mockResolvedValueOnce({result:"success",msg})
-
-    const wrapper = mount(SignUpForm)
-    wrapper.vm.email = 'data@icij.org'
-    await wrapper.vm.subscribe()
-    expect(wrapper.vm.email).toBe('')
-  })
-
-  it('sends the email when submitting the form and display the error', async () => {
-    const msg = '❎'
-    mockSend.mockRejectedValueOnce({result:"error",msg})
-
-    const wrapper = mount(SignUpForm)
-    await wrapper.vm.subscribe()
-    expect(wrapper.vm.errorMessage).toBe(msg)
-  })
-
-  it('sends the email but doesn\'t drop it when the result is an error', async () => {
-    const msg = '❎'
-    mockSend.mockRejectedValueOnce({result:"error",msg})
-    const wrapper = mount(SignUpForm)
-    wrapper.vm.email = 'data@icij.org'
-    await wrapper.vm.subscribe()
-    expect(wrapper.vm.email).toBe('data@icij.org')
-  })
-
-  it('sends the email when submitting the form and display the error, with a rejected promise', async () => {
-    const msg = '❎'
-    mockSend.mockRejectedValueOnce({result:"error",msg})
-    const wrapper = mount(SignUpForm)
-    await wrapper.vm.subscribe()
-    expect(wrapper.vm.errorMessage).toBe(msg)
-  })
-
-  it('sends the email and transform the error message', async () => {
-    mockSend.mockRejectedValueOnce({ msg: '0 -❎' })
-
-    const wrapper = mount(SignUpForm)
-    await wrapper.vm.subscribe()
-    expect(wrapper.vm.errorMessage).toBe('❎')
-  })
-
-  it('sends the email and show a default error message', async () => {
-    mockSend.mockRejectedValueOnce({})
-    const wrapper = mount(SignUpForm)
-    await wrapper.vm.subscribe()
-    expect(wrapper.vm.errorMessage).toBe('Something\'s wrong')
-  })
-
-  it('changes the color variant of the button ', async () => {
-    const wrapper = mount(SignUpForm)
-    // variant is primary
-    let element = wrapper.find('.sign-up-form__fieldset__group__addon.btn-primary')
-    expect(element.exists()).toBeTruthy()
-
-    //variant is secondary
-    const propsData={ variant:'secondary'}
-    await wrapper.setProps(propsData)
-    element = wrapper.find('.sign-up-form__fieldset__group__addon.btn-secondary')
-    expect(element.exists()).toBeTruthy()
-  })
-})

package/tests/unit/components/SlideUpDown.spec.js

@@ -1,59 +0,0 @@
-import { mount } from '@vue/test-utils'
-import SlideUpDown from '@/components/SlideUpDown'
-
-describe('SlideUpDown', () => {
-
-  it('is a Vue instance', () => {
-    const wrapper = mount(SlideUpDown)
-    expect(wrapper.vm).toBeTruthy()
-  })
-
-  it('renders the component as a `div` by default', () => {
-    const wrapper = mount(SlideUpDown)
-    expect(wrapper.element.nodeName).toBe('DIV')
-  })
-
-  it('renders the component as a `span` when props.tag is passed', () => {
-    const tag = 'SPAN'
-    const wrapper = mount(SlideUpDown, {
-      propsData: { tag }
-    })
-    expect(wrapper.element.nodeName).toBe(tag)
-  })
-
-  it('is visible by default', () => {
-    const wrapper = mount(SlideUpDown)
-    expect(wrapper.element.style.height).toBe('auto')
-  })
-
-  it('isn\'t visible if props.active is passed as `false`', async () => {
-    const active = false
-    const wrapper = mount(SlideUpDown, {
-      propsData: { active }
-    })
-    wrapper.vm.mounted = true
-    await wrapper.vm.$nextTick()
-    expect(wrapper.element.style.height).toBe('0px')
-  })
-
-  it('calls `cleanLayout` after the transition', async () => {
-    const wrapper = mount(SlideUpDown)
-    wrapper.vm.cleanLayout = vi.fn()
-    expect(wrapper.vm.cleanLayout.mock.calls.length).toBe(0)
-    await wrapper.setProps({active:false})
-    await new Promise(done => {
-      setTimeout(() => {
-        expect(wrapper.vm.cleanLayout.mock.calls.length).toBe(1)
-        done()
-      }, wrapper.vm.duration)
-    })
-  })
-
-  it('calls `cleanLayout` which change the state from `pre` to `active`', async () => {
-    const wrapper = mount(SlideUpDown)
-    const defered = wrapper.vm.triggerSlide()
-    expect(wrapper.vm.state).toBe('pre')
-    await defered
-    expect(wrapper.vm.state).toBe('active')
-  })
-})