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();
// Assert
- const textArea = screen.getByRole('textbox');
+ const textArea = screen.getByRole('log');
expect(textArea).toHaveTextContent('');
});
@@ -84,7 +84,7 @@ describe('StudentComponent tests', () => {
render();
// Assert
- const textArea = screen.getByRole('textbox');
+ const textArea = screen.getByRole('log');
expect(textArea).toHaveTextContent('');
});
});
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 => {
const { room, log } = props;
- const {isAutoScrollEnabled, setIsAutoScrollEnabled, textAreaRef, doAutoScroll} = useAutoScroll();
+ const {
+ isAutoScrollEnabled,
+ setIsAutoScrollEnabled,
+ textAreaRef,
+ doAutoScroll,
+ } = useAutoScroll();
React.useEffect(() => {
doAutoScroll();
}, [log]);
return (
-
<>
-
+
Session name: {room ?? ''}
{
render();
- 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();
- 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();
- const textArea = screen.getByRole('textbox');
+ const textArea = screen.getByRole('log');
const undoButton = screen.getAllByRole('button')[0];
userEvent.type(textArea, 'How are you doing?');
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 => {