энзимное крепление (). find ничего не находит

Question

Следующий код:

const wrapper = mount(<Component />);
console.log('how to test this with jest', Object.keys(wrapper.find('h1')));

Журналы [], так что поиск дает мне пустой объект. Открытие его в браузере показывает Component с содержимым <h1>hello</h1>

. Это неправильный селектор для получения h1?

Документация не включает поиск элементов по имени тега, но этот селектор будет работать с querySelector в JavaScript.

Попытка wrapper.find('.some-class') дает мне тот же результат, даже когда компонент возвращает <h1 className="some-class">hello</h1>

Answer 1

Wrapper.find возвращает ReactWrapper, который вы используете для тестирования.

Допустим, вы хотите проверить наличие h1, вы можете сделать:

const wrapper = mount(<Component />);
expect(wrapper.find("h1").exists()).toBe(true);

Взгляните на https://enzymejs.github.io/enzyme/docs/api/ для полного набора API-интерфейсы.