jest-serializer-react-helmet-async
v1.0.21
Published
Serializer to display react-helmet-async data in Jest Snapshots
Downloads
6,335
Maintainers
Readme
jest-serializer-react-helmet-async
Jest Snapshot serializer to visualize react-helmet-async data alongside component snapshots.
Installation
Install preset using npm:
npm install --save-dev jest-serializer-react-helmet-async
or yarn:
yarn add --dev jest-serializer-react-helmet-async
Usage
Configure Jest to use the serializer in jest.config.js
:
module.exports = {
snapshotSerializers: ["jest-serializer-react-helmet-async"],
};
or package.json
:
{
"jest": {
"snapshotSerializers": ["jest-serializer-react-helmet-async"]
}
}
In your tests
Unlike jest-serializer-react-helmet
, this serializer does not automatically prepend the serialized data to the snapshots of your React components. You must add an assert for react-helmet-async
to be serialized.
Your test should like similar to the following:
import * as React from "react";
import renderer from "react-test-renderer";
import { HelmetProvider } from "react-helmet-async";
describe("App", () => {
it("renders as expected", () => {
const context = {};
const tree = renderer
.create(
<HelmetProvider context={context}>
<App />
</HelmetProvider>
)
.toJSON();
expect(tree).toMatchSnapshot();
expect(context.helmet).toMatchSnapshot();
});
});
Related Packages
jest-runner-prettier
- Use Jest to check your codebase againstprettier
jest-preset-gatsby
- Jest preset to ease unit testing a Gatsby projectjest-serializer-json-ld-script
- Jest snapshot serializer to better visualize React<script>
elements containing LD+JSON datajest-raw-loader
- Load the raw content of files in Jest, replicating the behavior ofwebpack
'sraw-loader
License
Copyright 2019 Kepler Sticka-Jones. Licensed ISC