From d27ac465b02a8827f594240544229bb59140845f Mon Sep 17 00:00:00 2001
From: nasdan <daniel.sanchez@lemoncode.net>
Date: Wed, 20 Apr 2022 15:08:35 +0200
Subject: [PATCH 1/3] add role on student

---
 front/src/pods/student/student.component.tsx | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/front/src/pods/student/student.component.tsx b/front/src/pods/student/student.component.tsx
index 9736b0e..5e264f9 100644
--- a/front/src/pods/student/student.component.tsx
+++ b/front/src/pods/student/student.component.tsx
@@ -16,29 +16,39 @@ interface Props {
 export const StudentComponent: React.FC<Props> = props => {
   const { room, log } = props;
 
-  const {isAutoScrollEnabled, setIsAutoScrollEnabled, textAreaRef, doAutoScroll} = useAutoScroll();
+  const {
+    isAutoScrollEnabled,
+    setIsAutoScrollEnabled,
+    textAreaRef,
+    doAutoScroll,
+  } = useAutoScroll();
 
   React.useEffect(() => {
     doAutoScroll();
   }, [log]);
 
   return (
-
     <>
       <main className={innerClasses.root}>
-        <Typography className={innerClasses.sessionName} variant="body1" role="heading">
+        <Typography
+          className={innerClasses.sessionName}
+          variant="body1"
+          role="heading"
+        >
           Session name: {room ?? ''}
         </Typography>
         <label className={innerClasses.label} htmlFor="session">
           Content
         </label>
         <TextareaAutosize
+          role="log"
           ref={textAreaRef}
           id="session"
           rowsMax={30}
           rowsMin={30}
           className={innerClasses.textarea}
           value={log ?? ''}
+          readOnly={true}
         />
         <FormControlLabel
           label="Disable AutoScroll"

From 2a88afc7c123d3c3b5dadff5a48a3e132d951ab1 Mon Sep 17 00:00:00 2001
From: nasdan <daniel.sanchez@lemoncode.net>
Date: Wed, 20 Apr 2022 15:08:41 +0200
Subject: [PATCH 2/3] add role on trainer

---
 front/src/pods/trainer/components/session.component.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/front/src/pods/trainer/components/session.component.tsx b/front/src/pods/trainer/components/session.component.tsx
index c5fbf4b..95bf9d8 100644
--- a/front/src/pods/trainer/components/session.component.tsx
+++ b/front/src/pods/trainer/components/session.component.tsx
@@ -48,6 +48,7 @@ export const SessionComponent: React.FC<Props> = props => {
       </label>
 
       <TextareaAutosize
+        role="log"
         ref={textAreaRef}
         id="session"
         rowsMax={20}

From 0983d298c72caf3c4a4211fdc686d74526fbb746 Mon Sep 17 00:00:00 2001
From: nasdan <daniel.sanchez@lemoncode.net>
Date: Thu, 21 Apr 2022 08:36:16 +0200
Subject: [PATCH 3/3] fix specs

---
 front/src/pods/student/student.component.spec.tsx           | 6 +++---
 .../src/pods/trainer/components/session.component.spec.tsx  | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/front/src/pods/student/student.component.spec.tsx b/front/src/pods/student/student.component.spec.tsx
index a7a5172..f4fc30e 100644
--- a/front/src/pods/student/student.component.spec.tsx
+++ b/front/src/pods/student/student.component.spec.tsx
@@ -17,7 +17,7 @@ describe('StudentComponent tests', () => {
 
     // Assert
     const sessionName = screen.getByRole('heading');
-    const textArea = screen.getByRole('textbox');
+    const textArea = screen.getByRole('log');
 
     expect(sessionName).toHaveTextContent(expectedSessionNameText);
     expect(textArea).toHaveValue(props.log);
@@ -69,7 +69,7 @@ describe('StudentComponent tests', () => {
     render(<StudentComponent {...props} />);
 
     // Assert
-    const textArea = screen.getByRole('textbox');
+    const textArea = screen.getByRole('log');
     expect(textArea).toHaveTextContent('');
   });
 
@@ -84,7 +84,7 @@ describe('StudentComponent tests', () => {
     render(<StudentComponent {...props} />);
 
     // Assert
-    const textArea = screen.getByRole('textbox');
+    const textArea = screen.getByRole('log');
     expect(textArea).toHaveTextContent('');
   });
 });
diff --git a/front/src/pods/trainer/components/session.component.spec.tsx b/front/src/pods/trainer/components/session.component.spec.tsx
index a0bbb76..3a02b77 100644
--- a/front/src/pods/trainer/components/session.component.spec.tsx
+++ b/front/src/pods/trainer/components/session.component.spec.tsx
@@ -16,7 +16,7 @@ describe('SessionComponent unit tests', () => {
 
     render(<SessionComponent {...props} />);
 
-    const textArea = screen.getByRole('textbox');
+    const textArea = screen.getByRole('log');
     const sendFullContentButton = screen.getAllByRole('button')[1];
 
     userEvent.type(textArea, 'How are you doing?');
@@ -40,7 +40,7 @@ describe('SessionComponent unit tests', () => {
 
     render(<SessionComponent {...props} />);
 
-    const textArea = screen.getByRole('textbox');
+    const textArea = screen.getByRole('log');
     const sendFullContentButton = screen.getAllByRole('button')[1];
 
     userEvent.type(textArea, 'How are you doing?');
@@ -64,7 +64,7 @@ describe('SessionComponent unit tests', () => {
 
     render(<SessionComponent {...props} />);
 
-    const textArea = screen.getByRole('textbox');
+    const textArea = screen.getByRole('log');
     const undoButton = screen.getAllByRole('button')[0];
 
     userEvent.type(textArea, 'How are you doing?');