Neurological Phenomenon Multiplexer

    jest-svg-transformer
    TypeScript icon, indicating that this package has built-in type declarations

    1.0.0 • Public • Published

    jest-svg-transformer

    transform svgs for for jest+react to declutter snapshots

    Very useful with react-svg-loader. This allows you to import svgs directly into your react components, but still have nice snapshots.

    Using enzyme's shallow rendering, for example:

    import React from 'react';
    import MySvg from '../images/an-image.svg';
     
    function MyComponent() {
        return (
            <div>
                <MySvg style={{color: 'blue'}}/>
            </div>
        );
    }

    will result in a snapshot that looks like this:

    <div>
        <SvgAnImage style={{color: 'blue'}} />
    </div>
    

    usage

    This works with both enzyme and react-test-renderer.

    Configure jest:

    {
        "jest": {
            "transform": {
                "^.+\\.jsx?$": "babel-jest",
                "^.+\\.svg$": "jest-svg-transformer"
            }
        }
    }

    Keywords

    none

    Install

    npm i jest-svg-transformer

    DownloadsWeekly Downloads

    67,868

    Version

    1.0.0

    License

    MIT

    Unpacked Size

    6.29 kB

    Total Files

    11

    Last publish

    Collaborators

    • cwmoo740