Assertions on render() wrapped components don't work for elements that aren't an array

[cableray]

For example:

const wrapper = render(<span><a href ="foo">first</a><a href ="bar">second</a></span>)
const secondLink = wrapper.find('a')[1]
expect(secondLink).to.have.attr('href', 'bar')

fails (because it expects secondLink to respond to first(), but it isn't an array of results)

This makes it impossible to assert on specific items in an array of results.

[ljharb]

[1] doesn't give you a wrapped element. I think you want .at(1).

[cableray]

Strangely, .at is undefined on wrapper and the result of find('a') 🤔. Is that normal?

Versions:

• [email protected]
• [email protected]

[ljharb]

ah, sorry, you're using render. You want .eq(1) then, just like in jquery. Array bracket syntax gets you a raw, unwrapped thing.

[cableray]

Ok, thanks @ljharb! It is a bummer that this doesn't work with other chai tools like chai-things because of not being a real array, but I'm not sure that would be an easy thing to do.

[ryanblakeley]

[email protected] is published. Could we have that as an acceptable peer?