61 lines
2.0 KiB
TypeScript
61 lines
2.0 KiB
TypeScript
import React from 'react';
|
|
import { render, screen, fireEvent, waitFor } from '@testing-library/react';
|
|
import '@testing-library/jest-dom';
|
|
import ResultsDisplay from '../src/components/ResultsDisplay';
|
|
import { Decision } from '../src/hooks/useSession';
|
|
|
|
// Mock the Clipboard API
|
|
Object.defineProperty(navigator, 'clipboard', {
|
|
value: {
|
|
writeText: jest.fn(),
|
|
},
|
|
writable: true,
|
|
});
|
|
|
|
describe('ResultsDisplay responsiveness and touch functionality', () => {
|
|
const mockDecision: Decision = {
|
|
goTo: 'Go-to decision',
|
|
alsoGood: 'Also good decision',
|
|
considerable: 'Considerable decision',
|
|
needsDiscussion: 'Needs discussion decision',
|
|
noGoes: 'No-goes decision',
|
|
};
|
|
|
|
beforeEach(() => {
|
|
jest.clearAllMocks();
|
|
});
|
|
|
|
it('renders without crashing', () => {
|
|
render(<ResultsDisplay decision={mockDecision} />);
|
|
expect(screen.getByText('Cooperative Decision')).toBeInTheDocument();
|
|
});
|
|
|
|
it('should display the Copy Link button', () => {
|
|
render(<ResultsDisplay decision={mockDecision} />);
|
|
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(<ResultsDisplay decision={mockDecision} />);
|
|
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
|
|
});
|
|
});
|