Test

auth-web/tests/unit/components/ProductPayment.spec.ts

@@ -3,7 +3,6 @@ import { createLocalVue, mount } from '@vue/test-utils'
 import ProductPackage from '@/components/auth/account-settings/product/ProductPayment.vue'
 import VueRouter from 'vue-router'
 import Vuetify from 'vuetify'
-import flushPromises from 'flush-promises'
 import { useOrgStore } from '@/stores/org'
 import { useUserStore } from '@/stores/user'
 
@@ -89,17 +88,14 @@ describe('Account settings ProductPackage.vue', () => {
   it('handles modal dialog add product correctly', async () => {
     const orgStore = useOrgStore()
 
-    orgStore.addOrgProducts = vi.fn().mockResolvedValue({})
-
-    wrapper.vm.$refs.confirmDialog = { open: vi.fn() }
-
+    await wrapper.vm.$nextTick()
     orgStore.currentSelectedProducts = [{ code: 'TEST_PRODUCT' }]
     wrapper.vm.addProductOnAccountAdmin = true
+    const mockOpen = vi.fn()
+    wrapper.vm.$refs.confirmDialog.open = mockOpen
 
     await wrapper.vm.submitProductRequest()
-    await flushPromises()
-
-    expect(wrapper.vm.$refs.confirmDialog.open).toHaveBeenCalled()
+    expect(mockOpen).toHaveBeenCalled()
     expect(wrapper.vm.dialogTitle).toBe('Product Added')
     expect(wrapper.vm.dialogText).toBe('Your account now has access to the selected product.')
     expect(wrapper.vm.dialogError).toBe(false)