❤
npm
Sign UpSign In

jest-serializer-html-string

1.0.1 • Public • Published

jest-serializer-html-string NPM version Build Status

A slightly better Jest snapshot serializer for working with strings containing rendered html.

Example

Given:

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();

Produces beautified snapshot:

<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>

Setup

Install from npm:

npm install --save-dev jest-serializer-html-string

Add it to your Jest config:

"jest": {
  "snapshotSerializers": ["jest-serializer-html-string"]
}

Please refer to the Jest snapshotSerializers config docs if you need more info.

License

MIT © Ruy Adorno

Readme

Keywords

Package Sidebar

Install

npm i jest-serializer-html-string

Repository

github.com/ruyadorno/jest-serializer-html-string

Homepage

github.com/ruyadorno/jest-serializer-html-string#readme

Weekly Downloads

4,151

Version

1.0.1

License

MIT

Last publish

Collaborators

  • ruyadorno
Try on RunKit
Report malware