Files
Oxicloud/tests/e2e/spa/login.spec.ts
T

71 lines
3.1 KiB
TypeScript
Raw Normal View History

import { test, expect } from './coverage-helpers';
/**
* Login route — register and magic-link flows (logged out). Exercises the
* register/magic submit handlers in the login page + auth endpoints.
*/
function uniq(p: string): string {
return `${p}-${Date.now()}-${Math.floor(Math.random() * 1e6)}`;
}
test('register a new account from the login page', async ({ page }) => {
const u = uniq('reg');
await page.goto('/login');
await page.getByTestId('login-to-register-btn').click();
await expect(page.getByTestId('login-register-form')).toBeVisible();
await page.getByTestId('login-register-username-input').fill(u);
await page.getByTestId('login-register-email-input').fill(`${u}@example.test`);
await page.getByTestId('login-register-password-input').fill('TestPassword1!');
await page.getByTestId('login-register-confirm-input').fill('TestPassword1!');
await page.getByTestId('login-register-submit-btn').click();
// Either we land in the app or a notice/error appears — both run onRegister.
await expect(
page
.getByTestId('appshell-logo-link')
.or(page.locator('.auth-error'))
.or(page.getByTestId('login-register-form'))
.first(),
).toBeVisible({ timeout: 15_000 });
});
// Note: the first-run setup panel is unreachable here — `login-to-setup-btn`
// only renders when no admin exists, but the test env always seeds one.
test('register with mismatched passwords shows a validation error', async ({ page }) => {
await page.goto('/login');
await page.getByTestId('login-to-register-btn').click();
await expect(page.getByTestId('login-register-form')).toBeVisible();
await page.getByTestId('login-register-username-input').fill(uniq('mm'));
await page.getByTestId('login-register-email-input').fill('mm@example.test');
await page.getByTestId('login-register-password-input').fill('TestPassword1!');
await page.getByTestId('login-register-confirm-input').fill('Different1!');
await page.getByTestId('login-register-submit-btn').click();
// Client-side validation rejects the mismatch before any request.
await expect(page.locator('.auth-error[role="alert"]')).toBeVisible({ timeout: 5_000 });
});
test('an oidc callback code is exchanged on load', async ({ page }) => {
// Landing with ?oidc_code triggers the SPA's OIDC code-exchange path; a bogus
// code fails and falls back to the login form (exercises the handler).
await page.goto('/login?oidc_code=fake-code-123');
await expect(
page.getByTestId('login-form').or(page.locator('.auth-error')).first(),
).toBeVisible({ timeout: 15_000 });
});
test('request a magic link from the login page', async ({ page }) => {
await page.goto('/login');
await page.getByTestId('login-magic-toggle-btn').click();
await expect(page.getByTestId('login-magic-form')).toBeVisible();
await page.getByTestId('login-magic-email-input').fill('someone@example.test');
await page.getByTestId('login-magic-send-btn').click();
// A status message resolves (success or error); give the request time to run.
await page.waitForTimeout(1_000);
await expect(page.getByTestId('login-magic-form').or(page.getByTestId('login-form')).first()).toBeVisible();
});