mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-04-20 06:20:11 +00:00
ae95dfe3a7
The legacy cancel path swallows auth errors via wrapWithErrorHandlingAsync, so the dialog closes on click regardless of auth state. Test the actual observable behavior: button click initiates the flow and closes the dialog.
78 lines
2.2 KiB
TypeScript
78 lines
2.2 KiB
TypeScript
import type { Page } from '@playwright/test'
|
|
import { expect } from '@playwright/test'
|
|
|
|
import type { WorkspaceStore } from '@e2e/types/globals'
|
|
import { comfyPageFixture as test } from '@e2e/fixtures/ComfyPage'
|
|
|
|
async function openCancelSubscriptionDialog(page: Page, cancelAt?: string) {
|
|
await page.evaluate((date) => {
|
|
void (
|
|
window.app!.extensionManager as WorkspaceStore
|
|
).dialog.showCancelSubscriptionDialog(date)
|
|
}, cancelAt)
|
|
}
|
|
|
|
test.describe('CancelSubscription dialog', { tag: '@ui' }, () => {
|
|
test('displays dialog with title and formatted date', async ({
|
|
comfyPage
|
|
}) => {
|
|
const { page } = comfyPage
|
|
|
|
await openCancelSubscriptionDialog(page, '2025-12-31T12:00:00Z')
|
|
|
|
const dialog = page.getByRole('dialog')
|
|
await expect(dialog).toBeVisible()
|
|
|
|
await expect(
|
|
dialog.getByRole('heading', { name: 'Cancel subscription' })
|
|
).toBeVisible()
|
|
await expect(dialog).toContainText('December 31, 2025')
|
|
})
|
|
|
|
test('"Keep subscription" button closes dialog', async ({ comfyPage }) => {
|
|
const { page } = comfyPage
|
|
|
|
await openCancelSubscriptionDialog(page)
|
|
|
|
const dialog = page.getByRole('dialog')
|
|
await expect(dialog).toBeVisible()
|
|
|
|
await dialog.getByRole('button', { name: 'Keep subscription' }).click()
|
|
await expect(dialog).toBeHidden()
|
|
})
|
|
|
|
test('Escape key closes dialog', async ({ comfyPage }) => {
|
|
const { page } = comfyPage
|
|
|
|
await openCancelSubscriptionDialog(page)
|
|
|
|
const dialog = page.getByRole('dialog')
|
|
await expect(dialog).toBeVisible()
|
|
|
|
await page.keyboard.press('Escape')
|
|
await expect(dialog).toBeHidden()
|
|
})
|
|
|
|
test('"Cancel subscription" button initiates cancellation flow', async ({
|
|
comfyPage
|
|
}) => {
|
|
const { page } = comfyPage
|
|
|
|
await openCancelSubscriptionDialog(page)
|
|
|
|
const dialog = page.getByRole('dialog')
|
|
await expect(dialog).toBeVisible()
|
|
|
|
const cancelBtn = dialog.getByRole('button', {
|
|
name: 'Cancel subscription'
|
|
})
|
|
await expect(cancelBtn).toBeVisible()
|
|
await expect(cancelBtn).toBeEnabled()
|
|
|
|
await cancelBtn.click()
|
|
|
|
// Clicking triggers the cancellation flow which closes the dialog
|
|
await expect(dialog).toBeHidden()
|
|
})
|
|
})
|