Попытка выяснить, почему симуляция не может найти узел.Попытка запустить тестовое событие нажатия внутри модального узла, но узел не может быть найден. Использование Jest / Enzyme для React JS
Вот как я устанавливаю свое состояние, системные права являются именем класса.Также сделал следующее:
beforeEach(() => wrapper = mount(<MemoryRouter keyLength={0}><SystemEntitlements {...baseProps} /></MemoryRouter>));
it("Test click event '", () => {
baseProps.onClick.mockClear();
wrapper.find('SystemEntitlements').setState({
showSelectWarning:true,
selectWarningModalOpen:false,
});
console.log(wrapper.state())
wrapper.find('SystemEntitlements').find('input[id="dontshow- testclick"]').simulate("click");
Журнал консоли возвращает NULL
Вот файл .js
this.state.selectWarningModalOpen &&
<Modal isOpen={this.state.selectWarningModalOpen} style={warningModalStyle}>
<div>
<div className='fullmodal'>
<div className='sidemodal_addnew_x' onClick={this.closeModal}>
<FontAwesome name='xbutton' className='fa-times' />
</div>
</div>
<div className='custom-ui'>
<h1 className='confirm-entitlement-header'>Are you sure?</h1>
<p className='confirm-entitlement-div'>This will update entitlements for this asset and may update the children of this asset</p>
<div className='confirm-entitlement-div'>
<div className='add-edit-button' id="closeModal-test-id" onClick={this.closeModal}>Cancel</div>
<div className='add-edit-button' onClick={() => {
this.handleChange(warningValue, warningRowIndex, warningColIndex, warningName)
this.closeModal()
}}>Continue</div>
</div>
<div className='confirm-entitlement-div'>
<label>Do not show this message again</label>
<input className='stop-message-checkbox' id='stop-message-checkbox' type='checkbox' checked={!this.state.showSelectWarning} onClick={() => {this.setState({showSelectWarning: !this.state.showSelectWarning})} } />
</div>
</div>
</div>
</Modal>