Запись файла модульного теста и невозможность рендеринга модальных компонентов.Я использую jest и Enzyme REACTJS
Вот то, что я использовал в предыдущих файлах для тестирования
describe("Component Test", () => {
beforeEach(() => (wrapper = mount(<BrowserRouter><Component{...baseProps} /></BrowserRouter>)));
it("renders a modal portal", () => {
const isOpen = wrapper.state("isOpen");
const modalPortal = wrapper.find(".fullmodal");
expect(isOpen).toBeTruthy;
expect(modalPortal).toHaveLength(1);
expect(toJson(wrapper)).toMatchSnapshot();
});
Вот пример рендера () с модальным компонентом
<Modal isOpen={this.state.quickFilterModalOpen} style={descriptionModalStyle}>
<div>
<div className='fullmodal'>
<div className='sidemodal_addnew_x' onClick={this.closeModal}>
<FontAwesome name='xbutton' className='fa-times' />
</div>
</div>
ошибка: ReactWrapper :: state ("isOpen") требует, чтобы state
не было null
или undefined
.
Цель заключается в возможности визуализации модальных компонентов