get text of the current node only

Question

I'm using airbnb's enzyme library for react testing and I want to retrieve the text of the current node only, excluding any text from any child nodes.

  const component = <div>hello<span>there</span></div>

If I do:

  shallow(component).find('div').text()  //hellothere

If I do:

  shallow(component).find('span').text()  //there

How do I get just hello ?

Answer 1

You could use .childAt()

shallow(component).find('div').childAt(0) // hello

.childAt() will return the child at the index specified