@icij/murmur-next 4.0.0 → 4.0.1

package/tests/unit/components/DigitsInput.spec.ts

@@ -1,157 +0,0 @@
-import {shallowMount, VueWrapper} from "@vue/test-utils"
-import DigitsInput from "@/components/DigitsInput.vue"
-
-const createContainer = (tag = 'div') => {
-  const container = document.createElement(tag)
-  document.body.appendChild(container)
-  return container
-}
-
-describe('DigitsInput', () => {
-
-  describe('an instance of 4 digits without initial value', () => {
-
-    let wrapper: VueWrapper
-    const UPDATE_MODEL_VALUE = 'update:modelValue'
-
-    beforeEach(() => {
-      const propsData = { length: 4, name: 'inputName' }
-      const attachTo = createContainer()
-      wrapper = shallowMount(DigitsInput as any, { propsData, attachTo })
-    })
-
-    it('should have 4 visible inputs and a hidden one', () => {
-      const inputs = wrapper.findAll('input');
-      expect(inputs).toHaveLength(5)
-      expect(
-        inputs.filter((input:any) => input.attributes().type === 'hidden')
-      ).toHaveLength(1)
-    })
-
-    it('should not trigger input event yet', () => {
-      expect(wrapper.emitted(UPDATE_MODEL_VALUE)).toBeFalsy()
-    })
-
-    it('should trigger modelValue event when changing the first input', async () => {
-      await wrapper.findAll('input').at(0)?.setValue('2')
-      expect(wrapper.emitted(UPDATE_MODEL_VALUE)).toBeTruthy()
-      expect(wrapper.emitted(UPDATE_MODEL_VALUE)).toHaveLength(1)
-      expect(wrapper.emitted(UPDATE_MODEL_VALUE)?.shift()).toEqual(['2'])
-    })
-
-    it('should trigger input event when changing the second input', async () => {
-      await wrapper.findAll('input').at(1)?.setValue('0')
-      expect(wrapper.emitted(UPDATE_MODEL_VALUE)).toBeTruthy()
-      expect(wrapper.emitted(UPDATE_MODEL_VALUE)).toHaveLength(1)
-      expect(wrapper.emitted(UPDATE_MODEL_VALUE)?.shift()).toEqual(['0'])
-    })
-
-    it('should trigger input event when changing the third input', async () => {
-      await wrapper.findAll('input').at(2)?.setValue('4')
-      expect(wrapper.emitted(UPDATE_MODEL_VALUE)).toBeTruthy()
-      expect(wrapper.emitted(UPDATE_MODEL_VALUE)).toHaveLength(1)
-      expect(wrapper.emitted(UPDATE_MODEL_VALUE)?.shift()).toEqual(['4'])
-    })
-
-    it('should trigger input event when changing the fourth input', async () => {
-      await wrapper.findAll('input').at(3)?.setValue('8')
-      expect(wrapper.emitted(UPDATE_MODEL_VALUE)).toBeTruthy()
-      expect(wrapper.emitted(UPDATE_MODEL_VALUE)).toHaveLength(1)
-      expect(wrapper.emitted(UPDATE_MODEL_VALUE)?.shift()).toEqual(['8'])
-    })
-
-    it('should trigger input even with multiple digits on the first input', async () => {
-      await wrapper.findAll('input').at(0)?.setValue('2048')
-      expect(wrapper.emitted(UPDATE_MODEL_VALUE)).toBeTruthy()
-      expect(wrapper.emitted(UPDATE_MODEL_VALUE)).toHaveLength(1)
-      expect(wrapper.emitted(UPDATE_MODEL_VALUE)?.shift()).toEqual(['2048'])
-    })
-
-    it('should trigger input even with multiple digits on the first input and truncate to length', async () => {
-      await wrapper.findAll('input').at(0)?.setValue('20489')
-      expect(wrapper.emitted(UPDATE_MODEL_VALUE)).toBeTruthy()
-      expect(wrapper.emitted(UPDATE_MODEL_VALUE)).toHaveLength(1)
-      expect(wrapper.emitted(UPDATE_MODEL_VALUE)?.shift()).toEqual(['2048'])
-    })
-
-    it('should trigger input even with multiple digits on the first input and ignore spaces', async () => {
-      await wrapper.findAll('input').at(0)?.setValue(' 204 8 ')
-      expect(wrapper.emitted(UPDATE_MODEL_VALUE)).toBeTruthy()
-      expect(wrapper.emitted(UPDATE_MODEL_VALUE)).toHaveLength(1)
-      expect(wrapper.emitted(UPDATE_MODEL_VALUE)?.shift()).toEqual(['2048'])
-    })
-
-    it('should not trigger input when the first input has no numbers', async () => {
-      await wrapper.findAll('input').at(0)?.setValue('foo')
-      expect(wrapper.emitted(UPDATE_MODEL_VALUE)).toBeFalsy()
-    })
-
-    it('should spread multiple values in the first input to the next inputs', async () => {
-      await wrapper.findAll('input').at(0)?.setValue('2048')
-      expect((wrapper.findAll('input').at(0)?.element as HTMLInputElement).value).toBe('2')
-      expect((wrapper.findAll('input').at(1)?.element as HTMLInputElement).value).toBe('0')
-      expect((wrapper.findAll('input').at(2)?.element as HTMLInputElement).value).toBe('4')
-      expect((wrapper.findAll('input').at(3)?.element as HTMLInputElement).value).toBe('8')
-    })
-
-    it('should spread multiple values in the first input to the next inputs and ignore minuses', async () => {
-      await wrapper.findAll('input').at(0)?.setValue('2-0-4-8')
-      expect((wrapper.findAll('input').at(0)?.element as HTMLInputElement).value).toBe('2')
-      expect((wrapper.findAll('input').at(1)?.element as HTMLInputElement).value).toBe('0')
-      expect((wrapper.findAll('input').at(2)?.element as HTMLInputElement).value).toBe('4')
-      expect((wrapper.findAll('input').at(3)?.element as HTMLInputElement).value).toBe('8')
-    })
-
-    it('should spread multiple values in the first input to the next inputs and ignore spaces', async () => {
-      await wrapper.findAll('input').at(0)?.setValue('2 0 4 8')
-      expect((wrapper.findAll('input').at(0)?.element as HTMLInputElement).value).toBe('2')
-      expect((wrapper.findAll('input').at(1)?.element as HTMLInputElement).value).toBe('0')
-      expect((wrapper.findAll('input').at(2)?.element as HTMLInputElement).value).toBe('4')
-      expect((wrapper.findAll('input').at(3)?.element as HTMLInputElement).value).toBe('8')
-    })
-
-    it('should spread multiple values in the second input to the next inputs', async () => {
-      await wrapper.findAll('input').at(1)?.setValue('204')
-      expect((wrapper.findAll('input').at(0)?.element as HTMLInputElement).value).toBe('')
-      expect((wrapper.findAll('input').at(1)?.element as HTMLInputElement).value).toBe('2')
-      expect((wrapper.findAll('input').at(2)?.element as HTMLInputElement).value).toBe('0')
-      expect((wrapper.findAll('input').at(3)?.element as HTMLInputElement).value).toBe('4')
-    })
-
-    it('should focus to the second input when completing the first with 1 digit', async () => {
-      await wrapper.findAll('input').at(1)?.setValue('2')
-      const secondInput = wrapper.findAll('input').at(1)?.element as HTMLInputElement
-      expect(secondInput).toBe(document.activeElement)
-    })
-
-    it('should focus to the third input when completing the first with 2 digits', async () => {
-      await wrapper.findAll('input').at(1)?.setValue('20')
-      const thirdInput = wrapper.findAll('input').at(2)?.element as HTMLInputElement
-      expect(thirdInput).toBe(document.activeElement)
-    })
-
-    it('should focus to the fourth input when completing the first with 10 digits', async () => {
-      await wrapper.findAll('input').at(1)?.setValue('1234567890')
-      const fourthInput = wrapper.findAll('input').at(3)?.element as HTMLInputElement
-      expect(fourthInput).toBe(document.activeElement)
-    })
-
-    it('should focus to the previous input when hitting "delete" on the last', async () => {
-      await wrapper.findAll('input').at(0)?.setValue('2048')
-      await wrapper.findAll('input').at(3)?.setValue('')
-      await wrapper.findAll('input').at(3)?.trigger('keyup.delete')
-      const thirdInput = wrapper.findAll('input').at(2)?.element as HTMLInputElement
-      expect(thirdInput).toBe(document.activeElement)
-    })
-
-    it('should set the name passed in prop to the last input', () => {
-      const input = wrapper.findAll('input').at(4);
-      expect(input?.attributes().name).toBe('inputName')
-    })
-
-    it('should set the concatenated digits as a value to the last input', async () => {
-      await wrapper.findAll('input').at(0)?.setValue('2 0 4 8')
-      expect((wrapper.findAll('input').at(4)?.element as HTMLInputElement).value).toBe('2048')
-    })
-  })
-})

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

@@ -1,149 +0,0 @@
-import { shallowMount } from '@vue/test-utils'
-import DonateForm from '@/components/DonateForm.vue'
-
-describe('DonateForm.vue', () => {
-
-  const updateAmount= async (wrapper, amount)=> {
-    const inputAmount = wrapper.find(".donate-form__payment__input")
-    inputAmount.element.value = amount
-    await inputAmount.trigger("input")
-  }
-  it('is a Vue instance', () => {
-    const wrapper = shallowMount(DonateForm)
-    expect(wrapper.vm).toBeTruthy()
-  })
-
-  it('shows title when props.noTitle isn\'t passed', () => {
-    const wrapper = shallowMount(DonateForm)
-    expect(wrapper.find('.donate-form__title').exists()).toBeTruthy()
-  })
-
-  it('hides title when props.noTitle is passed', () => {
-    const noTitle = true
-    const wrapper = shallowMount(DonateForm, {
-      propsData: { noTitle }
-    })
-    expect(wrapper.find('.donate-form__title').exists()).toBeFalsy()
-  })
-
-  it("updates the amount",async ()=>{
-    const wrapper = shallowMount(DonateForm)
-    expect(wrapper.vm.amount).toBe(10) //default value
-    await updateAmount(wrapper,2)
-    expect(wrapper.vm.amount).toBe(2)
-  })
-
-  it('shows a specific message for monthly amount higher or equal than 3', async () => {
-    const wrapper = shallowMount(DonateForm)
-    await wrapper.find(".frequency-monthly").trigger("click")
-    const amount = 3
-    await updateAmount(wrapper,amount)
-    expect(wrapper.vm.changeThe).toBe(wrapper.vm.t('donate-form.result.conversation'))
-  })
-
-  it('shows a specific message for monthly amount higher or equal than 15', async () => {
-    const wrapper = shallowMount(DonateForm)
-    await wrapper.find(".frequency-monthly").trigger("click")
-    const amount = 15
-    await updateAmount(wrapper,amount)
-    expect(wrapper.vm.changeThe).toBe(wrapper.vm.t('donate-form.result.rules'))
-  })
-
-  it('shows a specific message for monthly amount higher or equal than 50', async () => {
-    const wrapper = shallowMount(DonateForm)
-    await wrapper.find(".frequency-monthly").trigger("click")
-    const amount = 50
-    await updateAmount(wrapper,amount)
-    expect(wrapper.vm.changeThe).toBe(wrapper.vm.t('donate-form.result.world'))
-  })
-
-  it('shows the same specific message for monthly amount higher or equal than 150', async () => {
-    const wrapper = shallowMount(DonateForm)
-    await wrapper.find(".frequency-monthly").trigger("click")
-    const amount = 150
-    await updateAmount(wrapper,amount)
-    expect(wrapper.vm.changeThe).toBe(wrapper.vm.t('donate-form.result.world'))
-  })
-
-  it('shows a specific message for yearly amount higher or equal than 35', async () => {
-    const wrapper = shallowMount(DonateForm)
-    await wrapper.find(".frequency-yearly").trigger("click")
-    const amount = 35
-    await updateAmount(wrapper,amount)
-    expect(wrapper.vm.changeThe).toBe(wrapper.vm.t('donate-form.result.conversation'))
-  })
-
-  it('shows a specific message for yearly amount higher or equal than 180', async () => {
-    const wrapper = shallowMount(DonateForm)
-    await wrapper.find(".frequency-yearly").trigger("click")
-    const amount = 180
-    await updateAmount(wrapper,amount)
-    expect(wrapper.vm.changeThe).toBe(wrapper.vm.t('donate-form.result.rules'))
-  })
-
-  it('shows the same specific message for yearly amount higher or equal than 600', async () => {
-    const wrapper = shallowMount(DonateForm)
-    await wrapper.find(".frequency-yearly").trigger("click")
-    const amount = 600
-    await updateAmount(wrapper,amount)
-    expect(wrapper.vm.changeThe).toBe(wrapper.vm.t('donate-form.result.world'))
-  })
-
-  it('changes the amount for conversation level when changing the period', async () => {
-    const wrapper = shallowMount(DonateForm)
-
-    await wrapper.find(".frequency-onetime").trigger("click")
-    expect(wrapper.vm.amount).toBe(50)
-
-    await wrapper.find(".frequency-monthly").trigger("click")
-    expect(wrapper.vm.amount).toBe(10)
-
-    await wrapper.find(".frequency-yearly").trigger("click")
-    expect(wrapper.vm.amount).toBe(25)
-  })
-
-  it('changes the amount for rules level when changing the period', async () => {
-    const wrapper = shallowMount(DonateForm)
-    await wrapper.find(".frequency-onetime").trigger("click")
-
-    wrapper.vm.selectLevel( 'rules')
-
-    expect(wrapper.vm.amount).toBe(200)
-
-    await wrapper.find(".frequency-monthly").trigger("click")
-    wrapper.vm.selectLevel( 'rules')
-    expect(wrapper.vm.amount).toBe(25)
-
-    await wrapper.find(".frequency-yearly").trigger("click")
-    wrapper.vm.selectLevel( 'rules')
-    expect(wrapper.vm.amount).toBe(180)
-  })
-
-  it('changes the amount for world level when changing the period', async () => {
-    const wrapper = shallowMount(DonateForm)
-    await wrapper.find(".frequency-onetime").trigger("click")
-    wrapper.vm.selectLevel( 'world')
-
-    expect(wrapper.vm.amount).toBe(600)
-
-    await wrapper.find(".frequency-monthly").trigger("click")
-    wrapper.vm.selectLevel( 'world')
-
-    expect(wrapper.vm.amount).toBe(100)
-
-    await wrapper.find(".frequency-yearly").trigger("click")
-    wrapper.vm.selectLevel( 'world')
-
-    expect(wrapper.vm.amount).toBe(600)
-  })
-
-  it('doesn\'t change the amount when changing the period if the form isn\'t pristine', async () => {
-    const wrapper = shallowMount(DonateForm)
-    await wrapper.find(".frequency-yearly").trigger("click")
-    expect(wrapper.vm.amount).toBe(25)
-    const inputAmount = wrapper.find(".donate-form__payment__input")
-    inputAmount.element.dispatchEvent(new Event('change', { 'bubbles': true }))
-    await wrapper.find(".frequency-monthly").trigger("click")
-    expect(wrapper.vm.amount).toBe(25)
-  })
-})

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

@@ -1,108 +0,0 @@
-import startsWith from 'lodash/startsWith'
-import { shallowMount, mount } from '@vue/test-utils'
-import EmbedForm from '@/components/EmbedForm.vue'
-
-describe('EmbedForm.vue', () => {
-  const global = {stubs:{HapticCopy:true}}
-  const propsData = {
-    url: 'https://projects.icij.org/the-implant-files/graphics/'
-  }
-
-  it('is a Vue instance', () => {
-    const wrapper = shallowMount(EmbedForm, { propsData, global })
-    expect(wrapper.vm).toBeTruthy()
-  })
-
-  it('shows title when props.noTitle isn\'t passed', () => {
-    const wrapper = shallowMount(EmbedForm, { propsData, global })
-    expect(wrapper.find('.embed-form__heading').exists()).toBeTruthy()
-  })
-
-  it('hides show title when props.noTitle is passed', () => {
-    const noTitle = true
-    const wrapper = shallowMount(EmbedForm, {
-      propsData: { noTitle, ...propsData }
-    })
-    expect(wrapper.find('.embed-form__heading').exists()).toBeFalsy()
-  })
-
-  it('shows a preview panel when props.noPreview isn\'t passed', () => {
-    const wrapper = shallowMount(EmbedForm, { propsData, global })
-    expect(wrapper.find('.embed-form__preview').exists()).toBeTruthy()
-  })
-
-  it('hides a show preview panel when props.noPreview is passed', () => {
-    const noPreview = true
-    const wrapper = shallowMount(EmbedForm, {
-      propsData: { noPreview, ...propsData }, global
-    })
-    expect(wrapper.find('.embed-form__preview').exists()).toBeFalsy()
-  })
-
-  it('shows a preview panel with an iframe targeting the passed props.url', () => {
-    const wrapper = shallowMount(EmbedForm, { propsData, global })
-    const src =wrapper.element.querySelector('.embed-form__preview iframe').src
-    expect(src).toBe(propsData.url)
-  })
-
-  it('shows a preview panel with an iframe targeting the passed props.url without pym params', () => {
-    const url = 'https://projects.icij.org/the-implant-files/graphics/?initialWidth=720&childId=example-graphic'
-    const wrapper = shallowMount(EmbedForm, {
-      propsData: { url }, global
-    })
-    const src =wrapper.element.querySelector('.embed-form__preview iframe').src
-    expect(src).toBe('https://projects.icij.org/the-implant-files/graphics/')
-  })
-
-  it('renders iframe height to 150 according to the passed props.height', () => {
-    const wrapper = shallowMount(EmbedForm, {
-      propsData: { height: 150, ...propsData }, global
-    })
-    const height = wrapper.element.querySelector('.embed-form__preview iframe').height
-    expect(height).toBe("150")
-  })
-
-  it('renders iframe height to 250 according to the passed props.height', () => {
-    const wrapper = shallowMount(EmbedForm, {
-      propsData: { height: 250, ...propsData }, global
-    })
-    const height = wrapper.element.querySelector('.embed-form__preview iframe').height
-    expect(height).toBe("250")
-  })
-
-  it('renders iframe width to 100% when no value is passed to props.width', () => {
-    const wrapper = shallowMount(EmbedForm, { propsData, global })
-    const width = wrapper.element.querySelector('.embed-form__preview iframe').width
-    expect(width).toBe("100%")
-  })
-
-  it('renders iframe width to 150 according to the passed props.width', () => {
-    const wrapper = shallowMount(EmbedForm, {
-      propsData: { width: 150, ...propsData }, global
-    })
-    const width = wrapper.element.querySelector('.embed-form__preview iframe').width
-    expect(width).toBe("150")
-  })
-
-  it('renders iframe width to 250 according to the passed props.width', () => {
-    const wrapper = shallowMount(EmbedForm, {
-      propsData: { width: 250, ...propsData }, global
-    })
-    const width = wrapper.element.querySelector('.embed-form__preview iframe').width
-    expect(width).toBe("250")
-  })
-
-  it('renders a responsive iframe when `responsiveCheck` is true', () => {
-    const wrapper = shallowMount(EmbedForm, { propsData, global })
-    expect(startsWith(wrapper.vm.embedCode(), '<iframe ')).toBeTruthy()
-    wrapper.vm.responsiveCheck = true
-    expect(startsWith(wrapper.vm.embedCode(), '<script ')).toBeTruthy()
-  })
-
-  it('mount', () => {
-    const wrapper = mount(EmbedForm, { propsData, global })
-    expect(startsWith(wrapper.vm.embedCode(), '<iframe ')).toBeTruthy()
-    wrapper.vm.responsiveCheck = true
-    expect(startsWith(wrapper.vm.embedCode(), '<script ')).toBeTruthy()
-  })
-})

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

@@ -1,11 +0,0 @@
-import { shallowMount } from '@vue/test-utils'
-import EmbeddableFooter from '@/components/EmbeddableFooter.vue'
-
-describe('EmbeddableFooter.vue', () => {
-
-  it('is a Vue instance', () => {
-    const wrapper = shallowMount(EmbeddableFooter)
-    expect(wrapper.vm).toBeTruthy()
-  })
-
-})

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

@@ -1,18 +0,0 @@
-import { faTimes } from '@fortawesome/free-solid-svg-icons/faTimes'
-import { library, default as Fa } from '@/components/Fa'
-
-describe('Fa', () => {
-
-  it('is a FontAwesomeIcon component', () => {
-    expect(Fa.name).toBe('FontAwesomeIcon')
-  })
-
-  it('has a library that define a `add` method', () => {
-    expect(library.add).toBeDefined()
-  })
-
-  it('has a library that `add` method', () => {
-    library.add(faTimes)
-    expect(library.definitions.fas.times).toBeDefined()
-  })
-})

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

@@ -1,29 +0,0 @@
-import { mount, shallowMount } from '@vue/test-utils'
-import FollowUsPopover from '@/components/FollowUsPopover.vue'
-
-describe('FollowUsPopover.vue', () => {
-
-  it('is a Vue instance', () => {
-    const wrapper = mount(FollowUsPopover)
-    expect(wrapper.vm).toBeTruthy()
-  })
-
-  it('has a sign-up form', () => {
-    const wrapper = shallowMount(FollowUsPopover)
-    expect(wrapper.find('sign-up-form-stub').exists()).toBeTruthy()
-  })
-
-  it('has a close button', () => {
-    const wrapper = shallowMount(FollowUsPopover)
-    expect(wrapper.find('.follow-us__close').exists()).toBeTruthy()
-  })
-
-  it('emits an event when clicking on close button', async () => {
-    const wrapper = shallowMount(FollowUsPopover)
-    const btn = wrapper.find('.follow-us__close')
-    expect(wrapper.emitted('update:close')).toBeFalsy()
-    await btn.trigger('click')
-    expect(wrapper.emitted('update:close')).toBeTruthy()
-  })
-
-})

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

@@ -1,29 +0,0 @@
-import { mount } from '@vue/test-utils'
-import GenericFooter from '@/components/GenericFooter.vue'
-
-describe('GenericFooter.vue', () => {
-
-  const propsData = { version: '1.0.0' }
-
-  it('is a Vue instance', () => {
-    const wrapper = mount(GenericFooter)
-    expect(wrapper.vm).toBeTruthy()
-  })
-
-  it('renders the passed props.version', () => {
-    const wrapper = mount(GenericFooter, { propsData })
-    expect(wrapper.find('.generic-footer__version').text()).toBe('Version 1.0.0')
-  })
-
-  it('doesn\'t render the version', () => {
-    const wrapper = mount(GenericFooter)
-    expect(wrapper.find('.generic-footer__version').exists()).toBeFalsy()
-  })
-
-  it('renders the current year', () => {
-    const wrapper = mount(GenericFooter)
-    const currentYear = (new Date()).getFullYear()
-    expect(wrapper.find('.generic-footer__year').text()).toBe(String(currentYear))
-  })
-
-})

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

@@ -1,104 +0,0 @@
-import { shallowMount, mount} from '@vue/test-utils'
-import GenericHeader from '@/components/GenericHeader.vue'
-
-describe('GenericHeader.vue', () => {
-
-
-  it('is a Vue instance', () => {
-    const wrapper = shallowMount(GenericHeader)
-    expect(wrapper.vm).toBeTruthy()
-  })
-
-  it('renders the header as a `headroom` component', () => {
-    const wrapper = shallowMount(GenericHeader)
-    expect(wrapper.find('#generic-header').element.tagName).toBe('HEADROOM-STUB')
-  })
-
-  it('renders the header as a div', () => {
-    const noHeadroom = true
-    const wrapper = shallowMount(GenericHeader, {
-      propsData: { noHeadroom }
-    })
-    expect(wrapper.find('#generic-header').element.tagName).toBe('DIV')
-  })
-
-  it('sets the header position to `fixed` by default', () => {
-    const wrapper = shallowMount(GenericHeader)
-    expect(wrapper.find('#generic-header').element.style.position).toBe('fixed')
-  })
-
-  it('sets the header position to `relative`', () => {
-    const position = 'relative'
-    const wrapper = shallowMount(GenericHeader, {
-      propsData: { position }
-    })
-    expect(wrapper.find('#generic-header').element.style.position).toBe(position)
-  })
-
-  it('sets the header position to `absolute`', () => {
-    const position = 'absolute'
-    const wrapper = shallowMount(GenericHeader, {
-      propsData: { position }
-    })
-    expect(wrapper.find('#generic-header').element.style.position).toBe(position)
-  })
-
-  it('renders home link to the default value', () => {
-    const homeUrl = "http://localhost:3000/"
-    const wrapper = shallowMount(GenericHeader,{global:{renderStubDefaultSlot:true}})
-    expect(wrapper.find('.generic-header__brand').element.href).toBe(homeUrl)
-  })
-
-  it('renders home link to https://icij.org/', () => {
-    const homeUrl = 'https://icij.org/'
-    const wrapper = shallowMount(GenericHeader, {
-      propsData: { homeUrl }, global:{renderStubDefaultSlot:true}
-    })
-    expect(wrapper.find('.generic-header__brand').element.href).toBe(homeUrl)
-  })
-
-  it('renders home link to https://pirhoo.com/', () => {
-    const homeUrl = 'https://pirhoo.com/'
-    const wrapper = shallowMount(GenericHeader, {
-      propsData: { homeUrl }, global:{renderStubDefaultSlot:true}
-    })
-    expect(wrapper.find('.generic-header__brand').element.href).toBe(homeUrl)
-  })
-
-  it('renders the navbar as `collapse` by default', () => {
-    const wrapper = shallowMount(GenericHeader, {global:{renderStubDefaultSlot:true}})
-    expect(wrapper.find('.navbar-collapse').classes('collapse')).toBeTruthy()
-  })
-
-  it('toggles the navbar on navbarToggler click', async () => {
-    const wrapper = shallowMount(GenericHeader, {global:{renderStubDefaultSlot:true}})
-    expect(wrapper.find('.navbar-collapse').classes('collapse')).toBeTruthy()
-    const navbarToggler = wrapper.find(".navbar-toggler");
-    await navbarToggler.trigger("click")
-    expect(wrapper.find('.navbar-collapse').classes('collapse')).toBeFalsy()
-    expect(wrapper.vm.showFollowUsPopover).toBe(false)
-    await navbarToggler.trigger("click")
-    expect(wrapper.find('.navbar-collapse').classes('collapse')).toBeTruthy()
-  })
-  it('hides popover if shown when navbar is collapsed', async () => {
-    const wrapper = mount(GenericHeader, {global:{renderStubDefaultSlot:true,  stubs: { teleport: true, BPopover:true , FollowUsPopover:true}}})
-    const popovertoggler = wrapper.find("#follow-us-toggler")
-    await popovertoggler.trigger("mouseenter")
-    //given popover shown
-    expect(wrapper.vm.showFollowUsPopover).toBe(true)
-    const navbarToggler = wrapper.find(".navbar-toggler");
-    //when show navbar
-    await navbarToggler.trigger("click")
-    // popover should be hidden
-    expect(wrapper.vm.showFollowUsPopover).toBe(false)
-  })
-  it('should show on mouseenter then hide popover', async () => {
-    const wrapper = mount(GenericHeader, {global:{renderStubDefaultSlot:true,  stubs: { teleport: true, BPopover:true , FollowUsPopover:true}}})
-    const popovertoggler = wrapper.find("#follow-us-toggler")
-    await popovertoggler.trigger("mouseenter")
-    expect(wrapper.vm.showFollowUsPopover).toBe(true)
-
-    wrapper.vm.closeFollowUsPopover()
-    expect(wrapper.vm.showFollowUsPopover).toBe(false)
-  })
-})