mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-04-19 13:59:28 +00:00
1e7c8d9889
## Summary Adds Playwright E2E tests for the SignIn dialog component and its sub-forms. ## Tests added - Dialog opens from login button in topbar - Sign In form is the default view with email/password fields - Toggle between Sign In and Sign Up forms - API Key form navigation (forward and back) - Terms of Service and Privacy Policy links present - Form field presence verification - Dialog close behavior (close button and Escape key) - Forgot password link presence - 'Or continue with' divider and API key button ## Notes - Tests focus on UI navigation and element presence (no real Firebase auth in test env) - Dialog opened via `extensionManager.dialog.showSignInDialog()` API - All selectors use stable IDs from the component source (`#comfy-org-sign-in-email`, etc.) ## Task Part of Test Coverage Q2 Overhaul (DLG-04). ## Conventions - Uses Vue nodes with new menu enabled (`Comfy.UseNewMenu: 'Top'`) - Tests read as user stories - No full-page screenshots - Proper waits, no sleeps ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-10587-test-add-SignIn-dialog-E2E-tests-DLG-04-3306d73d3650815db171f8c5228e2cf3) by [Unito](https://www.unito.io) --------- Co-authored-by: GitHub Action <action@github.com>
78 lines
2.0 KiB
TypeScript
78 lines
2.0 KiB
TypeScript
import type { Locator, Page } from '@playwright/test'
|
|
|
|
import { BaseDialog } from './BaseDialog'
|
|
|
|
export class SignInDialog extends BaseDialog {
|
|
readonly emailInput: Locator
|
|
readonly passwordInput: Locator
|
|
readonly signInButton: Locator
|
|
readonly forgotPasswordLink: Locator
|
|
readonly apiKeyButton: Locator
|
|
readonly termsLink: Locator
|
|
readonly privacyLink: Locator
|
|
|
|
constructor(page: Page) {
|
|
super(page)
|
|
this.emailInput = this.root.locator('#comfy-org-sign-in-email')
|
|
this.passwordInput = this.root.locator('#comfy-org-sign-in-password')
|
|
this.signInButton = this.root.getByRole('button', { name: 'Sign in' })
|
|
this.forgotPasswordLink = this.root.getByText('Forgot password?')
|
|
this.apiKeyButton = this.root.getByRole('button', {
|
|
name: 'Comfy API Key'
|
|
})
|
|
this.termsLink = this.root.getByRole('link', { name: 'Terms of Use' })
|
|
this.privacyLink = this.root.getByRole('link', { name: 'Privacy Policy' })
|
|
}
|
|
|
|
async open() {
|
|
await this.page.evaluate(() => {
|
|
void window.app!.extensionManager.dialog.showSignInDialog()
|
|
})
|
|
await this.waitForVisible()
|
|
}
|
|
|
|
get heading() {
|
|
return this.root.getByRole('heading').first()
|
|
}
|
|
|
|
get signUpLink() {
|
|
return this.root.getByText('Sign up', { exact: true })
|
|
}
|
|
|
|
get signInLink() {
|
|
return this.root.getByText('Sign in', { exact: true })
|
|
}
|
|
|
|
get signUpEmailInput() {
|
|
return this.root.locator('#comfy-org-sign-up-email')
|
|
}
|
|
|
|
get signUpPasswordInput() {
|
|
return this.root.locator('#comfy-org-sign-up-password')
|
|
}
|
|
|
|
get signUpConfirmPasswordInput() {
|
|
return this.root.locator('#comfy-org-sign-up-confirm-password')
|
|
}
|
|
|
|
get signUpButton() {
|
|
return this.root.getByRole('button', { name: 'Sign up', exact: true })
|
|
}
|
|
|
|
get apiKeyHeading() {
|
|
return this.root.getByRole('heading', { name: 'API Key' })
|
|
}
|
|
|
|
get apiKeyInput() {
|
|
return this.root.locator('#comfy-org-api-key')
|
|
}
|
|
|
|
get backButton() {
|
|
return this.root.getByRole('button', { name: 'Back' })
|
|
}
|
|
|
|
get dividerText() {
|
|
return this.root.getByText('Or continue with')
|
|
}
|
|
}
|