Модальный компонент - событие onClick - PullRequest
1 голос
/ 02 апреля 2019

Попытка проверить следующее событие щелчка: Использование Jest и Enzyme для ReactJS

<Modal isOpen={this.state.descriptionModalOpen} style={descriptionModalStyle}>
  <div>
   <div className='fullmodal'>
   <div className="fullmodal_title">
     <div className="fullmodal_title_add">Description</div>
   </div>             
   <div className='sidemodal_addnew_x' id="close-Modal-id" onClick={this.closeModal}>
     <FontAwesome name='xbutton' className='fa-times' />
    </div>
    </div>    
   {this.getDescription()}
      </div>
    </Modal>

Узел не найден. Тест на остальные события щелчка прошел просто отлично, но он единственный внутри модального.

Вот часть моего тестового файла

 beforeEach(() => (wrapper = mount(<MemoryRouter keyLength={0}><Notifications {...baseProps} /></MemoryRouter>)));

it("should check  button click events under  Modal Component", () => {
baseProps.onClick.mockClear();
wrapper.find('Notifications').setState({
  descriptionModalOpen: false,

});
wrapper.update() 
wrapper.find('Notifications').find('#close-Modal-id').simulate("click"); 
});

1 Ответ

1 голос
/ 02 апреля 2019

вы пробовали найти Где?

const yourElement = element.findWhere(node => node.id === "close-Modal-id")
yourElement.simulate('click');

Если это не так, можете ли вы проверить, проходит ли findWhere узел, на который вы нацеливаетесь?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...