choose fails on this code example

[jashmenn]

Given the following javascript:

const TimersDashboard = React.createClass({
  handleEditFormSubmit: function (attrs) {
    this.updateTimer(attrs);
  },
  handleTrashClick: function (timerId) {
    this.deleteTimer(timerId);
  },
  createTimer: function (timer) {
    const t = helpers.newTimer(timer);
    this.setState({
      timers: this.state.timers.concat(t),
    });
  },
  deleteTimer: function (timerId) {
    this.setState({
      timers: this.state.timers.filter((t => t.id !== timerId)),
    });
  }
});

We need to pick the range from handleTrackClick to deleteTimer.

The following query doesnt work:

(.TimersDashboard .handleTrashClick)-(choose(.deleteTimer, 1))

[acco]

Note: Not blocking, just discovered this.

Possibly related: It doesn't appear you can choose() a parent and then select a child?

const SomeOtherComponent = () => (
  <TimersDashboard />
);

const TimersDashboard = React.createClass({
  handleEditFormSubmit: function (attrs) {
    this.updateTimer(attrs);
  },
});

If I ran this query:

choose(.TimersDashboard,1)

I'd correctly get the whole TimersDashboard declaration. However, if I wanted to just grab this:

handleEditFormSubmit: function (attrs) {
    this.updateTimer(attrs);
  },

Running this:

choose(.TimersDashboard,1) .handleEditFormSubmit

Returns the whole parent:

const TimersDashboard = React.createClass({
  handleEditFormSubmit: function (attrs) {
    this.updateTimer(attrs);
  },
});