onClick внутри модального - PullRequest
0 голосов
/ 04 апреля 2019

Попытка выяснить, почему симуляция не может найти узел.Попытка запустить тестовое событие нажатия внутри модального узла, но узел не может быть найден. Использование 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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...