Files
app/tests/magnitude/03-auth.mag.ts
Albert 878c3a7582 fix: Use ATproto localhost OAuth development mode
- Changed BLUESKY_CLIENT_ID to use http://localhost/ with redirect_uri parameter
- Updated magnitude.config.ts to use localhost:3000 for testing
- Removed public/client-metadata.json (no longer needed with localhost mode)
- Updated OAuth test to expect successful redirect to bsky.social

This leverages ATproto's special localhost client development mode which allows
local OAuth testing without requiring client metadata files.

See: https://atproto.com/specs/oauth#localhost-client-development

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-08 21:58:52 +00:00

35 lines
1.6 KiB
TypeScript

import { test } from 'magnitude-test';
const TEST_HANDLE = process.env.TEST_BLUESKY_HANDLE;
const TEST_PASSWORD = process.env.TEST_BLUESKY_PASSWORD;
if (!TEST_HANDLE || !TEST_PASSWORD) {
throw new Error('TEST_BLUESKY_HANDLE and TEST_BLUESKY_PASSWORD must be set in .env');
}
test('Login page renders correctly', async (agent) => {
await agent.act('Navigate to /login');
await agent.check('The text "Log in to Ponderants" is visible on the screen');
await agent.check('A text input field labeled "Your Handle" is visible');
await agent.check('A button labeled "Log in with Bluesky" is visible');
});
test('[Unhappy Path] Login page shows error message from query param', async (agent) => {
await agent.act('Navigate to /login?error=Invalid%20handle%20or%20PDS');
await agent.check('The text "Login Failed: Invalid handle or PDS" is visible on the screen');
});
test('[Happy Path] User initiates OAuth flow', async (agent) => {
await agent.act('Navigate to /login');
await agent.act(`Type "${TEST_HANDLE}" into the "Your Handle" input field`);
await agent.act('Click the "Log in with Bluesky" button');
// The page should redirect to our API route which then redirects to Bluesky OAuth.
// With the localhost development mode, Bluesky will accept the OAuth request.
// We verify that we've been redirected to Bluesky's OAuth server.
await agent.check('The page URL contains "bsky.social"');
// Note: Using http://localhost/ as client_id (per ATproto OAuth spec) allows local development.
// See: https://atproto.com/specs/oauth#localhost-client-development
});