Нажмите, чтобы не работать с компонентом реакции + capypara

Question

У меня есть компонент реагирования, который, когда я нажимаю значок, меняет состояние, а затем я помещаю в него вместо значка.

Когда я пытаюсь имитировать это в своем тесте, используя capybara, компонент не изменяется.

Есть ли вероятность, что щелчок не будет работать на компоненте из-за capybara? Или просто не работает, потому что это реактивный компонент?

Компонент:

render() { 
    return (
    <div> 
     { this.state.editable ? this.renderEditableComponent() : this.renderNotEditableComponent() } 
    </div> 
) } 

    renderEditableComponent() { 
    return (
    <EditableDeliverLimit 
     value={ this.state.value } 
     handleClick={ this.handleClick.bind(this) } /> 
) } 

    renderNotEditableComponent() { 
    return (
     <NotEditableDeliverLimit 
     value={ this.state.value } 
     handleClick={ this.handleClick.bind(this) } /> 
) } 

Тест:

Then "should successfuly change deliver limit" do 
    wait_for_selector_appearance("##{ad_table_row_id(@ad)} .ad-table-row-deliver-limit span") 
    find("##{ad_table_row_id(@ad)} .ad-table-row-deliver-limit span").click 
    wait_for_selector_disappearance("##{ad_table_row_id(@ad)} .ad-table-row-deliver-limit span") 
end 

Answer 1

Версия PhantomJS и Qt WebKit вы используете устарели и не поддерживают Function.prototype.bind, которая требуется React. Обновление до PhantomJS 2.1.1+ и перестройка capybara-WebKit с Qt 5.5.1