Tener el siguiente archivo de prueba:
import { render } from '@testing-library/react'; import '@testing-library/jest-dom'; import TaskModal from './task-modal'; describe('TaskModal', () => { const title = 'title'; const selectedOption = { id: '1', name: 'test' }; const options = [{ id: '1', name: 'test' }]; it('should render successfully', () => { const { baseElement, getByText } = render( <TaskModal title={title} open={true} toggle={jest.fn()} initialScriptNameSelectedOption={selectedOption} scriptNameOptions={options} /> ); expect(baseElement).toBeTruthy(); expect(getByText(title)).toBeTruthy(); }); it('should check if TaskModal renders Textarea successfully', () => { const { getByTestId } = render( <TaskModal hasTextarea title={title} open={true} toggle={jest.fn()} initialScriptNameSelectedOption={selectedOption} scriptNameOptions={options} /> ); const textarea = getByTestId('has-textarea'); expect(textarea).toBeInTheDocument(); }); });
Cuando ejecuto cada prueba por separado, pasan, cuando ejecuto el archivo completo, la segunda prueba falla con el siguiente mensaje:
Error: no capturado [ReferenceError: IntersectionObserver no está definido]
¿Por qué está pasando esto?