113 lines
4.7 KiB
TypeScript
113 lines
4.7 KiB
TypeScript
import { expect, test, type Page } from '@playwright/test';
|
|
|
|
const PASSWORD = 'Sup3rSecure!123';
|
|
|
|
test.describe.configure({ mode: 'serial' });
|
|
|
|
function createDeferred() {
|
|
let resolve: (() => void) | null = null;
|
|
const promise = new Promise<void>((done) => {
|
|
resolve = done;
|
|
});
|
|
|
|
return {
|
|
promise,
|
|
resolve: () => resolve?.()
|
|
};
|
|
}
|
|
|
|
async function gotoAuthPage(page: Page, path: string) {
|
|
await page.goto(path, { waitUntil: 'domcontentloaded' });
|
|
await page.waitForLoadState('networkidle');
|
|
}
|
|
|
|
test('preserves the return path while switching between auth screens and shows the expected controls', async ({ page }) => {
|
|
await gotoAuthPage(page, '/auth/signin?next=%2Fanalysis%3Fticker%3DNVDA');
|
|
|
|
await expect(page.getByRole('heading', { name: 'Secure Sign In' })).toBeVisible();
|
|
await expect(page.getByText('Use email/password or request a magic link.')).toBeVisible();
|
|
await expect(page.locator('input[autocomplete="email"]')).toBeVisible();
|
|
await expect(page.locator('input[autocomplete="current-password"]')).toBeVisible();
|
|
await expect(page.getByRole('button', { name: 'Sign in with password' })).toBeVisible();
|
|
await expect(page.getByRole('button', { name: 'Send magic link' })).toBeVisible();
|
|
await expect(page.getByRole('link', { name: 'Create one' })).toHaveAttribute('href', '/auth/signup?next=%2Fanalysis%3Fticker%3DNVDA');
|
|
|
|
await page.getByRole('link', { name: 'Create one' }).click();
|
|
|
|
await expect(page).toHaveURL(/\/auth\/signup\?next=%2Fanalysis%3Fticker%3DNVDA$/);
|
|
await expect(page.getByRole('heading', { name: 'Create Account' })).toBeVisible();
|
|
await expect(page.getByText('Set up your operator profile to access portfolio and filings intelligence.')).toBeVisible();
|
|
await expect(page.locator('input[autocomplete="name"]')).toBeVisible();
|
|
await expect(page.locator('input[autocomplete="email"]')).toBeVisible();
|
|
await expect(page.locator('input[autocomplete="new-password"]').first()).toBeVisible();
|
|
await expect(page.getByRole('button', { name: 'Create account' })).toBeVisible();
|
|
await expect(page.getByRole('link', { name: 'Sign in' })).toHaveAttribute('href', '/auth/signin?next=%2Fanalysis%3Fticker%3DNVDA');
|
|
});
|
|
|
|
test('shows client-side validation when signup passwords do not match', async ({ page }) => {
|
|
await gotoAuthPage(page, '/auth/signup');
|
|
|
|
await page.locator('input[autocomplete="name"]').fill('Playwright User');
|
|
await page.locator('input[autocomplete="email"]').fill('mismatch@example.com');
|
|
await page.locator('input[autocomplete="new-password"]').first().fill(PASSWORD);
|
|
await page.locator('input[autocomplete="new-password"]').nth(1).fill('NotTheSame123!');
|
|
await page.getByRole('button', { name: 'Create account' }).click();
|
|
|
|
await expect(page.getByText('Passwords do not match.')).toBeVisible();
|
|
});
|
|
|
|
test('shows loading affordances while sign-in is in flight', async ({ page }) => {
|
|
const gate = createDeferred();
|
|
|
|
await page.route('**/api/auth/sign-in/email', async (route) => {
|
|
await gate.promise;
|
|
await route.fulfill({
|
|
status: 401,
|
|
contentType: 'application/json',
|
|
body: JSON.stringify({ message: 'Invalid credentials' })
|
|
});
|
|
});
|
|
|
|
await gotoAuthPage(page, '/auth/signin');
|
|
await page.locator('input[autocomplete="email"]').fill('playwright@example.com');
|
|
await page.locator('input[autocomplete="current-password"]').fill(PASSWORD);
|
|
|
|
const submitButton = page.getByRole('button', { name: 'Sign in with password' });
|
|
const magicLinkButton = page.getByRole('button', { name: 'Send magic link' });
|
|
|
|
await submitButton.click();
|
|
|
|
await expect(page.getByRole('button', { name: 'Signing in...' })).toBeDisabled();
|
|
await expect(magicLinkButton).toBeDisabled();
|
|
|
|
gate.resolve();
|
|
|
|
await expect(page.getByText('Invalid credentials')).toBeVisible();
|
|
});
|
|
|
|
test('shows loading affordances while sign-up is in flight', async ({ page }) => {
|
|
const gate = createDeferred();
|
|
|
|
await page.route('**/api/auth/sign-up/email', async (route) => {
|
|
await gate.promise;
|
|
await route.fulfill({
|
|
status: 409,
|
|
contentType: 'application/json',
|
|
body: JSON.stringify({ message: 'Email already exists' })
|
|
});
|
|
});
|
|
|
|
await gotoAuthPage(page, '/auth/signup');
|
|
await page.locator('input[autocomplete="name"]').fill('Playwright User');
|
|
await page.locator('input[autocomplete="email"]').fill(`playwright-${Date.now()}@example.com`);
|
|
await page.locator('input[autocomplete="new-password"]').first().fill(PASSWORD);
|
|
await page.locator('input[autocomplete="new-password"]').nth(1).fill(PASSWORD);
|
|
await page.getByRole('button', { name: 'Create account' }).click();
|
|
|
|
await expect(page.getByRole('button', { name: 'Creating account...' })).toBeDisabled();
|
|
|
|
gate.resolve();
|
|
|
|
await expect(page.getByText('Email already exists')).toBeVisible();
|
|
});
|