jest-serializer-react-helmet-async

Jest Snapshot serializer to visualize react-helmet-async data alongside component snapshots.

Installation

Install preset using npm:

``shell
npm install --save-dev jest-serializer-react-helmet-async
`

or yarn:

`shell
yarn add --dev jest-serializer-react-helmet-async
`

Usage

Configure Jest to use the serializer in jest.config.js:

`js
module.exports = {
snapshotSerializers: ["jest-serializer-react-helmet-async"],
};
`

or package.json:

`json
{
"jest": {
"snapshotSerializers": ["jest-serializer-react-helmet-async"]
}
}
`

$3

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:

`js
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(



)
.toJSON();

expect(tree).toMatchSnapshot();
expect(context.helmet).toMatchSnapshot();
});
});
`

Related Packages

- jest-runner-prettier - Use Jest to check your codebase against prettier
- jest-preset-gatsby - Jest preset to ease unit testing a Gatsby project
- jest-serializer-json-ld-script - Jest snapshot serializer to better visualize React