Я не совсем как тестировать render () Modal.Я могу настроить реквизиты и протестировать Render (), чтобы убедиться, что он рендерится со всеми реквизитами "правильно" без каких-либо проблем. Но когда дело доходит до Render Modal - я могу что-то упустить
Использование ReactJS15 - шутка энзим VSC
it(' Should render with all of the props ', () => {
tree = renderer.create(<Component {...baseProps} />)
let treeJson = tree.toJSON()
expect(treeJson).toMatchSnapshot();
tree.unmount()
});
Я нашел это в Интернете, но я пытаюсь проверить это, но я верю, что, возможно, чего-то не хватает. Есть идеи?
it('renders correctly', () => {
const wrapper = mount( <Component modalOpen/> );
expect(wrapper).toMatchSnapshot();
// Passes
expect(wrapper.find('.outside')).toHaveLength(1);
// Construct new wrapper rooted at modal content
inside_els = document.getElementsByClassName("inside")[0]
inside_wrapper = new ReactWrapper(inside_els, true)
// Passes
expect(inside_wrapper.find('.inside')).toHaveLength(1);
Вот примерrender () Modal
render() {
//console.log(this.props)
return (
<Modal isOpen={this.props.isOpen} style={modalStyle}>
<div className='security-search-wrapper-modal'>
<div className='fullmodal'>
<div className='fullmodal_title'>Batch Update</div>
<div title="Close Window" className="add-custom-field-close"
onClick={() => {this.closeModal()}}><FontAwesome name='xbutton'
className='fa-times' /></div>
</div>