1

アイコンをクリックすると状態が変化し、アイコンの代わりに入力を入れる反応コンポーネントがあります。

私のテストでそれをシミュレートしようとすると、カピバラを使用してコンポーネントは変わりません。

カピバラが原因で、コンポーネントでクリックが機能しない可能性はありますか? それとも、反応するコンポーネントなので機能しませんか?

成分:

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