Returns a string of the rendered HTML markup of the entire current render tree (not just the shallow-rendered part). It uses static rendering internally. To see only the shallow-rendered part use .debug()
.
Note: can only be called on a wrapper of a single node.
String
: The resulting HTML string
function Foo() {
return (<div className="in-foo" />);
}
function Bar() {
return (
<div className="in-bar">
<Foo />
</div>
);
}
const wrapper = shallow(<Bar />);
expect(wrapper.html()).to.equal('<div class="in-bar"><div class="in-foo"></div></div>');
expect(wrapper.find(Foo).html()).to.equal('<div class="in-foo"></div>');
const wrapper = shallow(<div><b>important</b></div>);
expect(wrapper.html()).to.equal('<div><b>important</b></div>');