v-close-popup and unit tests

[tequila99]

Hello, everyone!

I am using @quasar/quasar-app-extension-testing-unit-vitest for testing my project. I am trying to test a component with v-close-popup directive . My test looks something like this:

import { installQuasar } from '@quasar/quasar-app-extension-testing-unit-vitest'
import { mount } from '@vue/test-utils'
import { describe, expect, it } from 'vitest'
import { QDialog, QBtn, ClosePopup } from 'quasar'

installQuasar()

describe('This component', () => {
  it('should work properly', async () => {
    const wrapper = await mount({
      template: '<div><QDialog v-model="showPopup"><QBtn v-close-popup>Close</QBtn></QDialog></div>',
      components: { QDialog, QBtn },
      data () {
        return {
          showPopup: false
        }
      }
    }, {
      global: {
        directives: {
          ClosePopup
        }
      }
    })
    expect(wrapper.exists()).toBe(true)
    const dialog = wrapper.findComponent(QDialog)
    expect(dialog.isVisible()).toBe(false)
    await wrapper.setData({ showPopup: true })
    expect(dialog.isVisible()).toBe(true)
    const button = wrapper.findComponent(QBtn)
    expect(button.exists()).toBe(true)
    await button.trigger('click')
    expect(dialog.isVisible()).toBe(false)
  })
})

This test failed on the last row. It seems to me that v-close-popup does not work properly in this test. Any suggestions? Where did i go wrong?

Thanks in advance!