Error: This method is only meant to be run on single node. 0 found instead.

Clearly rendering a node. It’s not picking it up…?

render() {
    let groceriesComponents = [],
        newProductInput,
        newProductAddButton,
        clearListButton;

    for(var index = 0; index < this.state.groceries.length; index++) {
      groceriesComponents.push(
          <GroceryListItem
            key={index}
            grocery={this.state.groceries[index]}
          />
      );
    }

    newProductInput = <input className='new-item' type="text" onChange={this.inputChanged}/>;
    newProductAddButton = <button className='add-product' onClick={this.addGroceryItem}>Add new Product</button>;
    clearListButton = <button onClick={this.clearList} className='clear-list'>Clear the List</button>;

    return (
      <div>
        <ul>
          {groceriesComponents}
        </ul>
        {newProductInput}
        {newProductAddButton}
        {clearListButton}
      </div>
    );
  }
}

describe("Task #3 - clearing groceries list", () => {

    beforeEach( () => {
      component = mount(<GroceryListPart3 />);
    });

    it('Should render required tags', () => {
      try { component.find(".clear-list"); }
      catch(err){
        throw new Error("I can't find 'Clear the List' button");
      }
    });

    it('is possible to remove all list items', () => {

      let clearListButton = component.find(".clear-list");
      clearListButton.simulate('click');
      let groceryListItems = component.find("li");

      assert.equal(groceryListItems.length, 0, "There should be exactly zero elements on the groceries list");
    });
  });

Error: This method is only meant to be run on single node. 0 found instead.

[hunterpickett]

@BennyHinrichs @ljharb

I wasn’t sure what you meant by trying to find with a reference instead but after a lot of trial and error / googling around I found out that I could select the element using

  const SDP = wrapper.find('withStyles(SingleDatePicker)');

I found the actual display name by digging through the React Chrome extension and finding out it’s exact name.

Though this doesn’t seem like a good solution. Have you found a better one?

[revik]

@BennyHinrichs @sanyangkkun - I believe what @ljharb meant is that instead of using the form - wrapper.find('SingleDatePicker') you should remove the quotes (string) and use the component class reference, like so - wrapper.find(SingleDatePicker);