如何用酶获取内部html?(html内容)

yay*_*aya 5 testing unit-testing reactjs enzyme

在Enzyme中,我们如何获取元素的内容,但是作为html?

.text()返回文本,.html()返回outerHTML)

const wrapper = shallow(<div><b>foo</b><span>cool</span></div>);
wrapper.text() // 'foocool' , like innerText in dom
wrapper.html() // '<div><b>foo</b><span>cool</span></div>' , like outerHTML in dom
wrapper.????() // '<b>foo</b><span>cool</span>' , <--------- like innerHTML in dom
Run Code Online (Sandbox Code Playgroud)

编辑:

这可行,但是有没有更方便的方法来获取它?

wrapper.children().map(el => el.html()).join('')
Run Code Online (Sandbox Code Playgroud)

Abd*_*dul 5

expect(wrapper.html()).toContain('<b>foo</b><span>cool</span>')
Run Code Online (Sandbox Code Playgroud)