From 5edd556688cb31ea5153010b53aec8b314292bcf Mon Sep 17 00:00:00 2001
From: JubaAzul <118773284+JubaAzul@users.noreply.github.com>
Date: Thu, 20 Mar 2025 10:34:16 -0400
Subject: [PATCH] =?UTF-8?q?[FEATURE]=20=C3=8Atre=20possible=20de=20cacher?=
 =?UTF-8?q?=20le=20tableau=20du=20LiveResult=20Fixes=20#294?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../LiveResults/LiveResults.test.tsx            |  9 +++------
 .../src/components/LiveResults/LiveResults.tsx  | 17 ++++++++++-------
 2 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/client/src/__tests__/components/GiftTemplate/LiveResults/LiveResults.test.tsx b/client/src/__tests__/components/GiftTemplate/LiveResults/LiveResults.test.tsx
index 22b340d..881d510 100644
--- a/client/src/__tests__/components/GiftTemplate/LiveResults/LiveResults.test.tsx
+++ b/client/src/__tests__/components/GiftTemplate/LiveResults/LiveResults.test.tsx
@@ -227,7 +227,7 @@ test('calls showSelectedQuestion when a table cell is clicked', () => {
     expect(mockShowSelectedQuestion).toHaveBeenCalled();
 });
 
-test.skip('toggles the visibility of content when the arrow button is clicked', () => {
+test('toggles the visibility of content when the arrow button is clicked', () => {
     render(<LiveResults
         socket={null}
         questions={mockQuestions}
@@ -235,19 +235,16 @@ test.skip('toggles the visibility of content when the arrow button is clicked',
         quizMode="teacher"
         students={mockStudents}
     />);
-    const toggleSwitch = screen.getByTestId("liveResults-visibility-switch");
-    fireEvent.click(toggleSwitch);
+    const toggleSwitch = screen.getByTestId("liveResults-switch");
     expect(toggleSwitch).toBeInTheDocument();
-
-    expect(toggleSwitch).toBeChecked();
     expect(screen.queryByText('Afficher les noms')).toBeInTheDocument();
     expect(screen.queryByText('Afficher les réponses')).toBeInTheDocument();
     expect(screen.queryByTestId('table-container')).toBeInTheDocument();
 
 
     fireEvent.click(toggleSwitch);
+    screen.debug();
 
-    expect(toggleSwitch).not.toBeChecked();
     expect(screen.queryByText('Afficher les noms')).not.toBeInTheDocument();
     expect(screen.queryByText('Afficher les réponses')).not.toBeInTheDocument();
     expect(screen.queryByTestId('table-container')).not.toBeInTheDocument();
diff --git a/client/src/components/LiveResults/LiveResults.tsx b/client/src/components/LiveResults/LiveResults.tsx
index 111ae69..05a86ec 100644
--- a/client/src/components/LiveResults/LiveResults.tsx
+++ b/client/src/components/LiveResults/LiveResults.tsx
@@ -36,13 +36,16 @@ const LiveResults: React.FC<LiveResultsProps> = ({ questions, showSelectedQuesti
         <div>
             <div className="action-bar">
                 <div>
-                <Switch
-                    data-testid="liveResults-visibility-switch" 
-                    checked={isExpanded}
-                    onChange={() => toggleExpand()}
-                    inputProps={{ 'aria-label': 'toggle visibility' }}
-                />
-                    <span>Résultats du quiz</span>
+                    <FormControlLabel
+                        label={<div className="text-sm">Résultats du quiz</div>}
+                        control={
+                            <Switch
+                                data-testid="liveResults-switch"
+                                checked={isExpanded}
+                                onChange={() => toggleExpand()}
+                            />
+                        }
+                    />
                 </div>
                 {isExpanded && (
                     <FormGroup row className='form-group'>