1

我有一个反应组件，当我点击一个图标时，状态会改变，然后我输入一个输入而不是图标。

当我尝试在我的测试中模拟它时，使用 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
4

1 回答 1

0

您使用的 PhantomJS 和 Qt WebKit 版本已过时，不支持 React 所需的 Function.prototype.bind。升级到 PhantomJS 2.1.1+ 并使用 Qt 5.5.1 重建 capybara-WebKit

于 2016-08-09T17:56:23.790 回答