110 lines
3.5 KiB
TypeScript
110 lines
3.5 KiB
TypeScript
import React from 'react';
|
|
import { render, screen, fireEvent, waitFor } from '@testing-library/react';
|
|
import '@testing-library/jest-dom';
|
|
import { useParams } from 'react-router-dom';
|
|
import { useSession, SessionState } from '../src/hooks/useSession';
|
|
import SessionPage from '../src/pages/SessionPage';
|
|
|
|
// Mock the useParams hook
|
|
jest.mock('react-router-dom', () => ({
|
|
...jest.requireActual('react-router-dom'),
|
|
useParams: jest.fn(),
|
|
}));
|
|
|
|
// Mock the useSession hook
|
|
jest.mock('../src/hooks/useSession', () => ({
|
|
...jest.requireActual('../src/hooks/useSession'),
|
|
useSession: jest.fn(),
|
|
SessionState: jest.requireActual('../src/hooks/useSession').SessionState,
|
|
}));
|
|
|
|
// Mock the Clipboard API
|
|
Object.defineProperty(navigator, 'clipboard', {
|
|
value: {
|
|
writeText: jest.fn(),
|
|
},
|
|
writable: true,
|
|
});
|
|
|
|
describe('SessionPage functionality and readability', () => {
|
|
const mockSession = {
|
|
sessionId: 'test-session-id',
|
|
topic: 'Test Session Topic',
|
|
description: 'Test Description',
|
|
expectedResponses: 2,
|
|
submittedCount: 0,
|
|
state: SessionState.GATHERING,
|
|
responses: {},
|
|
finalResult: null,
|
|
};
|
|
|
|
beforeEach(() => {
|
|
(useParams as jest.Mock).mockReturnValue({ sessionId: 'test-session-id' });
|
|
(useSession as jest.Mock).mockReturnValue([
|
|
mockSession,
|
|
jest.fn(),
|
|
jest.fn(),
|
|
'client123',
|
|
null,
|
|
]);
|
|
jest.clearAllMocks();
|
|
});
|
|
|
|
it('renders without crashing', () => {
|
|
render(<SessionPage />);
|
|
expect(screen.getByText('Test Session Topic')).toBeInTheDocument();
|
|
});
|
|
|
|
it('should not display "Session:" prefix for the session topic', () => {
|
|
render(<SessionPage />);
|
|
expect(screen.queryByText(/Session: /i)).not.toBeInTheDocument();
|
|
});
|
|
|
|
it('should not use placeholders in input fields and display validation rules', () => {
|
|
// Mock session to be in SETUP state for this test
|
|
(useSession as jest.Mock).mockReturnValue([
|
|
{ ...mockSession, state: SessionState.SETUP },
|
|
jest.fn(),
|
|
jest.fn(),
|
|
'client123',
|
|
null,
|
|
]);
|
|
render(<SessionPage />);
|
|
expect(screen.queryByPlaceholderText(/Session Topic/i)).not.toBeInTheDocument();
|
|
expect(screen.queryByPlaceholderText(/Number of Expected Responses/i)).not.toBeInTheDocument();
|
|
});
|
|
|
|
it('should hide the session status display', () => {
|
|
render(<SessionPage />);
|
|
expect(screen.queryByText(/Status:/i)).not.toBeInTheDocument();
|
|
});
|
|
|
|
it('should display the Copy Link button when not in SETUP state', () => {
|
|
render(<SessionPage />);
|
|
expect(screen.getByRole('button', { name: /copy link/i })).toBeInTheDocument();
|
|
expect(screen.getByTestId('ContentCopyIcon')).toBeInTheDocument();
|
|
});
|
|
|
|
it('should copy the session URL to clipboard when Copy Link button is clicked', async () => {
|
|
render(<SessionPage />);
|
|
const copyButton = screen.getByRole('button', { name: /copy link/i });
|
|
fireEvent.click(copyButton);
|
|
|
|
await waitFor(() => {
|
|
expect(navigator.clipboard.writeText).toHaveBeenCalledTimes(1);
|
|
expect(navigator.clipboard.writeText).toHaveBeenCalledWith(window.location.href);
|
|
expect(screen.getByRole('button', { name: /copied!/i })).toBeInTheDocument();
|
|
});
|
|
});
|
|
|
|
// Placeholder for responsive tests
|
|
it('should adapt layout for mobile view', () => {
|
|
// Simulate mobile viewport and check for specific layout changes
|
|
});
|
|
|
|
// Placeholder for touch functionality tests
|
|
it('should handle touch events correctly', () => {
|
|
// Simulate touch events and verify component behavior
|
|
});
|
|
});
|