feat(#82): implement Personality Module
- Add Personality model to Prisma schema with FormalityLevel enum - Create migration and seed with 6 default personalities - Implement CRUD API with TDD approach (97.67% coverage) * PersonalitiesService: findAll, findOne, findDefault, create, update, remove * PersonalitiesController: REST endpoints with auth guards * Comprehensive test coverage (21 passing tests) - Add Personality types to shared package - Create frontend components: * PersonalitySelector: dropdown for choosing personality * PersonalityPreview: preview personality style and system prompt * PersonalityForm: create/edit personalities with validation * Settings page: manage personalities with CRUD operations - Integrate with Ollama API: * Support personalityId in chat endpoint * Auto-inject system prompt from personality * Fall back to default personality if not specified - API client for frontend personality management All tests passing with 97.67% backend coverage (exceeds 85% requirement)
This commit is contained in:
122
apps/web/src/providers/WebSocketProvider.test.tsx
Normal file
122
apps/web/src/providers/WebSocketProvider.test.tsx
Normal file
@@ -0,0 +1,122 @@
|
||||
import { describe, it, expect, vi } from 'vitest';
|
||||
import { render, screen } from '@testing-library/react';
|
||||
import { WebSocketProvider, useWebSocketContext } from './WebSocketProvider';
|
||||
import * as useWebSocketModule from '../hooks/useWebSocket';
|
||||
|
||||
// Mock the useWebSocket hook
|
||||
vi.mock('../hooks/useWebSocket');
|
||||
|
||||
describe('WebSocketProvider', () => {
|
||||
it('should provide WebSocket context to children', () => {
|
||||
const mockUseWebSocket = vi.spyOn(useWebSocketModule, 'useWebSocket');
|
||||
mockUseWebSocket.mockReturnValue({
|
||||
isConnected: true,
|
||||
socket: null,
|
||||
});
|
||||
|
||||
function TestComponent(): React.JSX.Element {
|
||||
const { isConnected } = useWebSocketContext();
|
||||
return <div>{isConnected ? 'Connected' : 'Disconnected'}</div>;
|
||||
}
|
||||
|
||||
render(
|
||||
<WebSocketProvider workspaceId="workspace-123" token="auth-token">
|
||||
<TestComponent />
|
||||
</WebSocketProvider>
|
||||
);
|
||||
|
||||
expect(screen.getByText('Connected')).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('should pass callbacks to useWebSocket hook', () => {
|
||||
const mockUseWebSocket = vi.spyOn(useWebSocketModule, 'useWebSocket');
|
||||
mockUseWebSocket.mockReturnValue({
|
||||
isConnected: false,
|
||||
socket: null,
|
||||
});
|
||||
|
||||
const onTaskCreated = vi.fn();
|
||||
const onTaskUpdated = vi.fn();
|
||||
const onTaskDeleted = vi.fn();
|
||||
|
||||
render(
|
||||
<WebSocketProvider
|
||||
workspaceId="workspace-123"
|
||||
token="auth-token"
|
||||
onTaskCreated={onTaskCreated}
|
||||
onTaskUpdated={onTaskUpdated}
|
||||
onTaskDeleted={onTaskDeleted}
|
||||
>
|
||||
<div>Test</div>
|
||||
</WebSocketProvider>
|
||||
);
|
||||
|
||||
expect(mockUseWebSocket).toHaveBeenCalledWith(
|
||||
'workspace-123',
|
||||
'auth-token',
|
||||
{
|
||||
onTaskCreated,
|
||||
onTaskUpdated,
|
||||
onTaskDeleted,
|
||||
onEventCreated: undefined,
|
||||
onEventUpdated: undefined,
|
||||
onEventDeleted: undefined,
|
||||
onProjectUpdated: undefined,
|
||||
}
|
||||
);
|
||||
});
|
||||
|
||||
it('should throw error when useWebSocketContext is used outside provider', () => {
|
||||
function TestComponent(): React.JSX.Element {
|
||||
useWebSocketContext();
|
||||
return <div>Test</div>;
|
||||
}
|
||||
|
||||
// Suppress console.error for this test
|
||||
const originalError = console.error;
|
||||
console.error = vi.fn();
|
||||
|
||||
expect(() => {
|
||||
render(<TestComponent />);
|
||||
}).toThrow('useWebSocketContext must be used within WebSocketProvider');
|
||||
|
||||
console.error = originalError;
|
||||
});
|
||||
|
||||
it('should update context when connection status changes', () => {
|
||||
const mockUseWebSocket = vi.spyOn(useWebSocketModule, 'useWebSocket');
|
||||
|
||||
// Initially disconnected
|
||||
mockUseWebSocket.mockReturnValue({
|
||||
isConnected: false,
|
||||
socket: null,
|
||||
});
|
||||
|
||||
function TestComponent(): React.JSX.Element {
|
||||
const { isConnected } = useWebSocketContext();
|
||||
return <div data-testid="status">{isConnected ? 'Connected' : 'Disconnected'}</div>;
|
||||
}
|
||||
|
||||
const { rerender } = render(
|
||||
<WebSocketProvider workspaceId="workspace-123" token="auth-token">
|
||||
<TestComponent />
|
||||
</WebSocketProvider>
|
||||
);
|
||||
|
||||
expect(screen.getByTestId('status')).toHaveTextContent('Disconnected');
|
||||
|
||||
// Update to connected
|
||||
mockUseWebSocket.mockReturnValue({
|
||||
isConnected: true,
|
||||
socket: null,
|
||||
});
|
||||
|
||||
rerender(
|
||||
<WebSocketProvider workspaceId="workspace-123" token="auth-token">
|
||||
<TestComponent />
|
||||
</WebSocketProvider>
|
||||
);
|
||||
|
||||
expect(screen.getByTestId('status')).toHaveTextContent('Connected');
|
||||
});
|
||||
});
|
||||
Reference in New Issue
Block a user