Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory :  /home/corals/vreg/node_modules/bootstrap-vue/src/directives/hover/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

import { mount } from '@vue/test-utils'
import { VBHover } from './hover'

describe('v-b-hover directive', () => {
  it('works', async () => {
    let hovered1 = false
    let hovered2 = false
    const App = {
      data() {
        return {
          text: 'FOO',
          changeHandler: false
        }
      },
      directives: {
        BHover: VBHover
      },
      methods: {
        handleHover1(isHovered) {
          hovered1 = isHovered
        },
        handleHover2(isHovered) {
          hovered2 = isHovered
        }
      },
      template: `<div v-b-hover="changeHandler ? handleHover2 : handleHover1"><span>{{ text }}</span></div>`
    }
    const wrapper = mount(App)

    expect(wrapper.vm).toBeDefined()
    expect(hovered1).toBe(false)

    await wrapper.trigger('mouseenter')
    expect(hovered1).toBe(true)

    await wrapper.trigger('mouseleave')
    expect(hovered1).toBe(false)

    await wrapper.setData({ text: 'BAR' })
    await wrapper.trigger('mouseenter')
    expect(hovered1).toBe(true)

    await wrapper.setData({ changeHandler: true })
    await wrapper.trigger('mouseenter')
    expect(hovered2).toBe(true)

    wrapper.destroy()
  })
})