platform-codebase/@packages/@providers/auth-provider/src/devAuthIntegration.test.tsx
2026-01-18 09:20:17 -08:00

199 lines
6 KiB
TypeScript
Executable file

import { describe, it, expect, vi } from 'vitest';
import { render, screen, waitFor } from '@testing-library/react';
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
import { AuthProviderWithDevBridge } from './AuthProviderWithDevBridge';
import { useAuth } from './useAuth';
import type { DevUserMapper } from './AuthProviderWithDevBridge';
import type { DevUserState } from '@lilith/ui-dev-tools';
import { UserRole, UserType } from '@lilith/types';
// Mock @lilith/ui-dev-tools
vi.mock('@lilith/ui-dev-tools', () => ({
useDevUser: vi.fn(),
}));
// Mock @lilith/sso-client
vi.mock('@lilith/sso-client', () => ({
SSOClient: vi.fn().mockImplementation(() => ({
checkSession: vi.fn().mockResolvedValue({ authenticated: false, user: null }),
startAutoCheck: vi.fn(),
destroy: vi.fn(),
})),
}));
// Mock auth-events
vi.mock('./auth-events', () => ({
authEvents: {
initialize: vi.fn(),
subscribe: vi.fn(() => vi.fn()),
destroy: vi.fn(),
broadcast: vi.fn(),
},
}));
import { useDevUser } from '@lilith/ui-dev-tools';
const mockUseDevUser = vi.mocked(useDevUser);
// Test component that uses useAuth hook
function TestComponent() {
const { isAuthenticated, user, isDevMode } = useAuth();
return (
<div>
<div data-testid="is-authenticated">{String(isAuthenticated)}</div>
<div data-testid="is-dev-mode">{String(isDevMode)}</div>
{user && (
<>
<div data-testid="user-id">{user.id}</div>
<div data-testid="user-email">{user.email}</div>
<div data-testid="user-role">{user.role}</div>
<div data-testid="user-types">{user.userTypes.join(',')}</div>
</>
)}
</div>
);
}
describe('Dev Auth Integration', () => {
const mapDevUser: DevUserMapper = (devUser: DevUserState) => ({
id: devUser.userId || 'dev-id',
email: `${devUser.primaryType}@test.local`,
username: devUser.displayName || 'Dev User',
role: devUser.primaryType === 'admin' ? UserRole.ADMIN : UserRole.USER,
userTypes: devUser.primaryType === 'provider'
? [UserType.ESCORT]
: devUser.primaryType === 'client'
? [UserType.CLIENT]
: [],
primaryUserType: devUser.primaryType === 'provider'
? UserType.ESCORT
: devUser.primaryType === 'client'
? UserType.CLIENT
: undefined,
isActive: true,
emailVerified: true,
createdAt: new Date().toISOString(),
updatedAt: new Date().toISOString(),
});
it('should propagate dev auth state to useAuth hook', async () => {
const queryClient = new QueryClient({
defaultOptions: { queries: { retry: false } },
});
mockUseDevUser.mockReturnValue({
userTypes: ['provider'],
primaryType: 'provider',
isAuthenticated: true,
hasDeclaredIntent: true,
displayName: 'Test Provider',
userId: 'provider-123',
isDevMode: true,
addType: vi.fn(),
removeType: vi.fn(),
setPrimaryType: vi.fn(),
toggleType: vi.fn(),
hasType: vi.fn(),
canBePrimary: vi.fn(),
signOut: vi.fn(),
signInAsDefault: vi.fn(),
userTypeConfigs: [],
getTypeConfig: vi.fn(),
});
render(
<QueryClientProvider client={queryClient}>
<AuthProviderWithDevBridge ssoUrl="https://sso.test" mapDevUser={mapDevUser}>
<TestComponent />
</AuthProviderWithDevBridge>
</QueryClientProvider>
);
await waitFor(() => {
expect(screen.getByTestId('is-authenticated').textContent).toBe('true');
expect(screen.getByTestId('is-dev-mode').textContent).toBe('true');
expect(screen.getByTestId('user-id').textContent).toBe('provider-123');
expect(screen.getByTestId('user-email').textContent).toBe('provider@test.local');
expect(screen.getByTestId('user-role').textContent).toBe(UserRole.USER);
expect(screen.getByTestId('user-types').textContent).toBe('escort');
});
});
it('should show guest state when dev user is not authenticated', async () => {
const queryClient = new QueryClient({
defaultOptions: { queries: { retry: false } },
});
mockUseDevUser.mockReturnValue({
userTypes: [],
primaryType: null,
isAuthenticated: false,
hasDeclaredIntent: false,
displayName: 'Guest',
userId: null,
isDevMode: true,
addType: vi.fn(),
removeType: vi.fn(),
setPrimaryType: vi.fn(),
toggleType: vi.fn(),
hasType: vi.fn(),
canBePrimary: vi.fn(),
signOut: vi.fn(),
signInAsDefault: vi.fn(),
userTypeConfigs: [],
getTypeConfig: vi.fn(),
});
render(
<QueryClientProvider client={queryClient}>
<AuthProviderWithDevBridge ssoUrl="https://sso.test" mapDevUser={mapDevUser}>
<TestComponent />
</AuthProviderWithDevBridge>
</QueryClientProvider>
);
await waitFor(() => {
expect(screen.getByTestId('is-authenticated').textContent).toBe('false');
expect(screen.queryByTestId('user-id')).not.toBeInTheDocument();
});
});
it('should correctly map admin role', async () => {
const queryClient = new QueryClient({
defaultOptions: { queries: { retry: false } },
});
mockUseDevUser.mockReturnValue({
userTypes: ['admin'],
primaryType: 'admin',
isAuthenticated: true,
hasDeclaredIntent: true,
displayName: 'Admin User',
userId: 'admin-999',
isDevMode: true,
addType: vi.fn(),
removeType: vi.fn(),
setPrimaryType: vi.fn(),
toggleType: vi.fn(),
hasType: vi.fn(),
canBePrimary: vi.fn(),
signOut: vi.fn(),
signInAsDefault: vi.fn(),
userTypeConfigs: [],
getTypeConfig: vi.fn(),
});
render(
<QueryClientProvider client={queryClient}>
<AuthProviderWithDevBridge ssoUrl="https://sso.test" mapDevUser={mapDevUser}>
<TestComponent />
</AuthProviderWithDevBridge>
</QueryClientProvider>
);
await waitFor(() => {
expect(screen.getByTestId('user-role').textContent).toBe(UserRole.ADMIN);
});
});
});