A slightly better Jest snapshot serializer for working with strings containing rendered html.
function renderElem(props) {
return `<body>
<div class="home active">
<h1><img src="${ props.img }" alt="Foo"/></h1><div>Hello</div>
<p><span class="something">Hey</span>
<img src="${ props.img }" /></p>
</div>
</body>
`;
}
expect(renderElem({ img: '/foo.png' })).toMatchSnapshot();<body>
<div class="home active">
<h1>
<img src="/foo.png" alt="Foo" />
</h1>
<div>Hello</div>
<p>
<span class="something">Hey</span>
<img src="/foo.png" />
</p>
</div>
</body>npm install --save-dev jest-serializer-html-string"jest": {
"snapshotSerializers": ["jest-serializer-html-string"]
}Please refer to the Jest snapshotSerializers config docs if you need more info.
MIT © Ruy Adorno
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent