Я хочу запустить тест, чтобы для моей неглубокой оболочки фермента определить, содержит ли эта оболочка правильный дочерний элемент. Например, учитывая приведенный ниже код и мою определенную оболочку, я хочу запустить какую-то функцию или что-то в этом роде (someFn()), чтобы возвращать дочерние элементы в моей оболочке (в данном случае <p>this is some text</p>). Есть ли способ сделать это? В настоящее время wrapper.getElement() вернет мне <div test-attr = "div"><p>this is some text</p></div>, что не совсем то, что я ищу. Спасибо!
образецКомпонент.js:
import React from 'react';
const SampleComponent = () => (
<div test-attr = "div">
<p>this is some text</p>
</div>
);
export default SampleComponent;
образецКомпонент.test.js:
import React from 'react';
import { shallow } from 'enzyme';
import SampleComponent from './sampleComponent';
test('renders icon without errors', () => {
const wrapper = shallow(<SampleComponent />);
const div = wrapper.find('[test-attr = "div"]');
const expectedChildElement = <p>this is some text</p>;
expect(div.someFn()).toEqual(expectedChildElement);
});



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Вы можете использовать метод children() вместе с html().
Вот рабочий тестовый пример:
import React from 'react';
import { shallow } from 'enzyme';
import SampleComponent from './sampleComponent';
test('renders icon without errors', () => {
const wrapper = shallow(<SampleComponent />);
const div = wrapper.find('[test-attr = "div"]');
const expectedChildElement = "<p>this is some text</p>";
//console.info(div.children().debug());
expect(div.children().html()).toEqual(expectedChildElement);
});