Это компонент <Foo />
Я хочу проверить
...
return (
<span
className={`foo ${a === 'b' ? 'bar' : ''} ${className}`}>
{kitten === 'cats' ?
<Cat
... />
:
<Dog
... />
}
<div
className={
`find-me
${foo === 'bar' ? 'abc' : 'def'}
${cats}
${dogs}`
}>
{
children.map((obj, index) => {
...
}
</div>
</span>
...
, и вот как я пытаюсь проверить
it('constructs correctly when there are three children rendered', () => {
const component = mount(
<Foo >
{options}
</Foo>
);
expect(component.find('.find-me').children()).to.have.lengthOf(3);
component.unmount();
});
Но я получаю
TypeError: Невозможно прочитать свойство 'have' из неопределенного
Почему оно не может найти класс?