什么渲染方法添加到DOM？

Question

如何使用// pseudocode let wrapper = (shallow or mount or render)(<div style={{width: '100px', height: '100px'}}></div>); console.log(wrapper[?].getBoundingClientRect().width); // 100? 要添加到DOM中的组件或元素进行渲染？

EOD;

Answer 1

shallow是您正在寻找的酶的方法。

然后，您可以使用API of shallow检查渲染输出或特别是props。

const wrapper = shallow(<div style={{width: '100px', height: '100px'}}></div>);
expect(wrapper.prop('style')).to.equal({width: '100px', height: '100px'});