gmatte/EvalueTonSavoir
1
0
Fork 0
mirror of https://github.com/ets-cfuhrman-pfe/EvalueTonSavoir.git synced 2025-08-11 21:23:54 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

test for Editor component

Browse source
This commit is contained in:
Philippe 2025-03-27 14:23:06 -04:00
parent 1ae9125c5b
commit 1b000a8798
1 changed files with 25 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
client/src/__tests__/components/Editor/Editor.test.tsx
View file

@ -5,15 +5,18 @@ import Editor from '../../../components/Editor/Editor';
describe('Editor Component', () => { describe('Editor Component', () => {
const mockOnValuesChange = jest.fn(); const mockOnValuesChange = jest.fn();
const mockOnFocusQuestion = jest.fn();
const sampleProps = { const sampleProps = {
label: 'Sample Label', label: 'Sample Label',
values: ['Question 1', 'Question 2'], values: ['Question 1', 'Question 2'],
onValuesChange: mockOnValuesChange onValuesChange: mockOnValuesChange,
onFocusQuestion: mockOnFocusQuestion,
}; };
beforeEach(() => { beforeEach(() => {
mockOnValuesChange.mockClear(); mockOnValuesChange.mockClear();
mockOnFocusQuestion.mockClear();
}); });
test('renders the label correctly', () => { test('renders the label correctly', () => {
@ -37,7 +40,7 @@ describe('Editor Component', () => {
test('calls onValuesChange with updated values when a question is deleted', () => { test('calls onValuesChange with updated values when a question is deleted', () => {
render(<Editor {...sampleProps} />); render(<Editor {...sampleProps} />);
const deleteButton = screen.getAllByLabelText('delete')[0]; const deleteButton = screen.getAllByLabelText('delete')[0]; // Match original aria-label
fireEvent.click(deleteButton); fireEvent.click(deleteButton);
expect(mockOnValuesChange).toHaveBeenCalledWith(['Question 2']); expect(mockOnValuesChange).toHaveBeenCalledWith(['Question 2']);
}); });
@ -47,4 +50,24 @@ describe('Editor Component', () => {
const deleteButtons = screen.getAllByLabelText('delete'); const deleteButtons = screen.getAllByLabelText('delete');
expect(deleteButtons.length).toBe(2); expect(deleteButtons.length).toBe(2);
}); });
test('calls onFocusQuestion with correct index when focus button is clicked', () => {
render(<Editor {...sampleProps} />);
const focusButton = screen.getAllByLabelText('focus question')[1];
fireEvent.click(focusButton);
expect(mockOnFocusQuestion).toHaveBeenCalledWith(1);
});
test('renders focus buttons for each question', () => {
render(<Editor {...sampleProps} />);
const focusButtons = screen.getAllByLabelText('focus question');
expect(focusButtons.length).toBe(2);
});
test('does not throw error when onFocusQuestion is not provided', () => {
const { onFocusQuestion, ...propsWithoutFocus } = sampleProps;
render(<Editor {...propsWithoutFocus} />);
const focusButton = screen.getAllByLabelText('focus question')[0];
expect(() => fireEvent.click(focusButton)).not.toThrow();
});
}); });