svg-jest
This is a small library which transforms .SVG files for jest. It produces and SVG in the stream.
The transformed item will have the following properties on it.
- data-jest-file-name: The name of the file (e.g. 'some-image.svg')
- data-jest-svg-name: Only the name portion of the file (e.g. 'some-image')
- data-testid: Same as data-jest-svg-name, but works with @testing-library/react getByTestId()
Works with both of these formats:
; ;
The following JavaScript
const MyComponent = { return <div> <MySvg/> </div> ;}
The resulting snapshot:
The resulting HTML:
In additoin, any properties passed to '' are passed along into both the snapshot and the resulting trees.
usage
Configure jest: