diff --git a/client/src/__tests__/components/GiftTemplate/LiveResults/LiveResults.test.tsx b/client/src/__tests__/components/GiftTemplate/LiveResults/LiveResults.test.tsx index 3431b73..a7b9787 100644 --- a/client/src/__tests__/components/GiftTemplate/LiveResults/LiveResults.test.tsx +++ b/client/src/__tests__/components/GiftTemplate/LiveResults/LiveResults.test.tsx @@ -92,4 +92,29 @@ describe('LiveResults', () => { expect(mockShowSelectedQuestion).toHaveBeenCalled(); }); + + test('toggles the visibility of content when the arrow button is clicked', () => { + render(); + expect(screen.queryByText('Afficher les noms')).toBeInTheDocument(); + expect(screen.queryByText('Afficher les réponses')).toBeInTheDocument(); + expect(screen.queryByTestId('table-container')).toBeInTheDocument(); + + const toggleButton = screen.getByRole('button', { name: /toggle visibility/i }); + fireEvent.click(toggleButton); + + expect(screen.queryByText('Afficher les noms')).not.toBeInTheDocument(); + expect(screen.queryByText('Afficher les réponses')).not.toBeInTheDocument(); + expect(screen.queryByTestId('table-container')).not.toBeInTheDocument(); + + fireEvent.click(toggleButton); + expect(screen.queryByText('Afficher les noms')).toBeInTheDocument(); + expect(screen.queryByText('Afficher les réponses')).toBeInTheDocument(); + expect(screen.queryByTestId('table-container')).toBeInTheDocument(); + }); }); \ No newline at end of file diff --git a/client/src/components/LiveResults/LiveResults.tsx b/client/src/components/LiveResults/LiveResults.tsx index 8408b58..3099d4f 100644 --- a/client/src/components/LiveResults/LiveResults.tsx +++ b/client/src/components/LiveResults/LiveResults.tsx @@ -71,7 +71,7 @@ const LiveResults: React.FC = ({ questions, showSelectedQuesti )} {isExpanded && ( -
+