mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-05-04 21:22:07 +00:00
## Summary Implements billing infrastructure for team workspaces, separate from legacy personal billing. ## Changes - **Billing abstraction**: New `useBillingContext` composable that switches between legacy (personal) and workspace billing based on context - **Workspace subscription flows**: Pricing tables, plan transitions, cancellation dialogs, and payment preview components for workspace billing - **Top-up credits**: Workspace-specific top-up dialog with polling for payment confirmation - **Workspace API**: Extended with billing endpoints (subscriptions, invoices, payment methods, credits top-up) - **Workspace switcher**: Now displays tier badges for each workspace - **Subscribe polling**: Added polling mechanisms (`useSubscribePolling`, `useTopupPolling`) for async payment flows ## Review Focus - Billing flow correctness for workspace vs legacy contexts - Polling timeout and error handling in payment flows ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-8508-Feat-workspaces-6-billing-2f96d73d365081f69f65c1ddf369010d) by [Unito](https://www.unito.io) --------- Co-authored-by: Claude Opus 4.5 <noreply@anthropic.com>
116 lines
3.1 KiB
TypeScript
116 lines
3.1 KiB
TypeScript
import { beforeEach, describe, expect, it, vi } from 'vitest'
|
|
|
|
import { useSubscriptionActions } from '@/platform/cloud/subscription/composables/useSubscriptionActions'
|
|
|
|
// Mock dependencies
|
|
const mockFetchBalance = vi.fn()
|
|
const mockFetchStatus = vi.fn()
|
|
const mockShowTopUpCreditsDialog = vi.fn()
|
|
const mockExecute = vi.fn()
|
|
|
|
vi.mock('@/composables/auth/useFirebaseAuthActions', () => ({
|
|
useFirebaseAuthActions: () => ({
|
|
fetchBalance: mockFetchBalance
|
|
})
|
|
}))
|
|
|
|
vi.mock('@/platform/cloud/subscription/composables/useSubscription', () => ({
|
|
useSubscription: () => ({
|
|
fetchStatus: mockFetchStatus
|
|
})
|
|
}))
|
|
|
|
vi.mock('@/composables/billing/useBillingContext', () => ({
|
|
useBillingContext: () => ({
|
|
fetchStatus: mockFetchStatus
|
|
})
|
|
}))
|
|
|
|
vi.mock('@/services/dialogService', () => ({
|
|
useDialogService: () => ({
|
|
showTopUpCreditsDialog: mockShowTopUpCreditsDialog
|
|
})
|
|
}))
|
|
|
|
vi.mock('@/stores/commandStore', () => ({
|
|
useCommandStore: () => ({
|
|
execute: mockExecute
|
|
})
|
|
}))
|
|
|
|
// Mock window.open
|
|
const mockOpen = vi.fn()
|
|
Object.defineProperty(window, 'open', {
|
|
writable: true,
|
|
value: mockOpen
|
|
})
|
|
|
|
describe('useSubscriptionActions', () => {
|
|
beforeEach(() => {
|
|
vi.clearAllMocks()
|
|
})
|
|
|
|
describe('handleAddApiCredits', () => {
|
|
it('should call showTopUpCreditsDialog', () => {
|
|
const { handleAddApiCredits } = useSubscriptionActions()
|
|
handleAddApiCredits()
|
|
expect(mockShowTopUpCreditsDialog).toHaveBeenCalledOnce()
|
|
})
|
|
})
|
|
|
|
describe('handleMessageSupport', () => {
|
|
it('should execute support command and manage loading state', async () => {
|
|
const { handleMessageSupport, isLoadingSupport } =
|
|
useSubscriptionActions()
|
|
|
|
expect(isLoadingSupport.value).toBe(false)
|
|
|
|
const promise = handleMessageSupport()
|
|
expect(isLoadingSupport.value).toBe(true)
|
|
|
|
await promise
|
|
expect(mockExecute).toHaveBeenCalledWith('Comfy.ContactSupport')
|
|
expect(isLoadingSupport.value).toBe(false)
|
|
})
|
|
|
|
it('should handle errors gracefully', async () => {
|
|
mockExecute.mockRejectedValueOnce(new Error('Command failed'))
|
|
const { handleMessageSupport, isLoadingSupport } =
|
|
useSubscriptionActions()
|
|
|
|
await handleMessageSupport()
|
|
expect(isLoadingSupport.value).toBe(false)
|
|
})
|
|
})
|
|
|
|
describe('handleRefresh', () => {
|
|
it('should call both fetchBalance and fetchStatus', async () => {
|
|
const { handleRefresh } = useSubscriptionActions()
|
|
await handleRefresh()
|
|
|
|
expect(mockFetchBalance).toHaveBeenCalledOnce()
|
|
expect(mockFetchStatus).toHaveBeenCalledOnce()
|
|
})
|
|
|
|
it('should handle errors gracefully', async () => {
|
|
mockFetchBalance.mockRejectedValueOnce(new Error('Fetch failed'))
|
|
const { handleRefresh } = useSubscriptionActions()
|
|
|
|
// Should not throw
|
|
await expect(handleRefresh()).resolves.toBeUndefined()
|
|
})
|
|
})
|
|
|
|
describe('handleLearnMoreClick', () => {
|
|
it('should open learn more URL', () => {
|
|
const { handleLearnMoreClick } = useSubscriptionActions()
|
|
handleLearnMoreClick()
|
|
|
|
expect(mockOpen).toHaveBeenCalledWith(
|
|
'https://docs.comfy.org/get_started/cloud',
|
|
'_blank'
|
|
)
|
|
})
|
|
})
|
|
})
|