React + Enzyme - Невозможно найти что-либо в функциональном компоненте

Question

Я создал очень простой функциональный компонент в React (используя Typescript).

Однако, когда я иду на его тестирование - я получаю {}, когда я спрашиваю его, наберите div s:

Таким образом, компонент выглядит так:

export const TestComponent: React.FC<FakeInt> = () => {
    return (
        <div>ARE YOU WORKING
           <div>Checking here</div>
        </div>
    )
};

вместе с

interface FakeInt {}

И тест:

it('It does something', () => {
        let wrapper = shallow(<TestComponent />);

        expect(wrapper.find("div")).toEqual("")
});

(у меня естьпросто положите равным "" - так как я ожидаю увидеть что-то полученное / просто хочу подтвердить, что он действительно находит эти элементы)

Если бы у меня было console.log(wrapper.debug());, я действительно вижу содержимое обертки, что странно.

Версия Jest, которую я использую, поставлялась с моим приложением React.

И еще одна информация.expect(wrapper).toMatchSnapshot(); создает файл снимка, который также содержит пустой объект {}

Есть идеи, что здесь происходит / почему это не сработает?

Спасибо.

Answer 1

Пожалуйста, предоставьте версию используемого вами фермента, также для реакции вы должны использовать фермент-адаптер-реактив-16 (или любую другую версию реакции, которую вы используете)

в тесте:

import { shallow, configure } from 'enzyme'
import Adapter from 'enzyme-adapter-react-16'
configure({ adapter: new Adapter() })

чем должно работать