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 => {