diff --git a/src/components/topbar/CurrentUserPopover.spec.ts b/src/components/topbar/CurrentUserPopover.spec.ts index c4e34ae79..9929d316a 100644 --- a/src/components/topbar/CurrentUserPopover.spec.ts +++ b/src/components/topbar/CurrentUserPopover.spec.ts @@ -41,11 +41,13 @@ afterAll(() => { }) // Mock the useCurrentUser composable +const mockHandleSignOut = vi.fn() vi.mock('@/composables/auth/useCurrentUser', () => ({ useCurrentUser: vi.fn(() => ({ userPhotoUrl: 'https://example.com/avatar.jpg', userDisplayName: 'Test User', - userEmail: 'test@example.com' + userEmail: 'test@example.com', + handleSignOut: mockHandleSignOut })) })) @@ -155,8 +157,8 @@ describe('CurrentUserPopover', () => { // Click the logout button await logoutButton.trigger('click') - // Verify logout was called - expect(mockLogout).toHaveBeenCalled() + // Verify handleSignOut was called + expect(mockHandleSignOut).toHaveBeenCalled() // Verify close event was emitted expect(wrapper.emitted('close')).toBeTruthy() diff --git a/src/components/topbar/CurrentUserPopover.vue b/src/components/topbar/CurrentUserPopover.vue index e74a927c8..812341c2f 100644 --- a/src/components/topbar/CurrentUserPopover.vue +++ b/src/components/topbar/CurrentUserPopover.vue @@ -88,7 +88,8 @@ const emit = defineEmits<{ close: [] }>() -const { userDisplayName, userEmail, userPhotoUrl } = useCurrentUser() +const { userDisplayName, userEmail, userPhotoUrl, handleSignOut } = + useCurrentUser() const authActions = useFirebaseAuthActions() const dialogService = useDialogService() @@ -103,7 +104,7 @@ const handleTopUp = () => { } const handleLogout = async () => { - await authActions.logout() + await handleSignOut() emit('close') }