在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) 当您编写此代码时:(在Chrome中)
<div style="font-size: 32px">txt</div>Run Code Online (Sandbox Code Playgroud)
其高度将为37px。但是这个:
<div style="font-size: 16px">txt</div>Run Code Online (Sandbox Code Playgroud)
其高度将为18px。
所以我的问题是:是否有任何公式可以计算渲染时文本的高度(基于字体大小)?