Have ideas to improve npm?Join in the discussion! »

    jest-styled-components-matcher

    1.0.1 • Public • Published

    [React Native] Jest matchers for styled-components

    Motivation

    Add a way to check if styled-component has a style rule (or style rule has a right value)

    Installation

    yarn add jest-styled-components-matcher --dev

    or

    npm i jest-styled-components-matcher -D

    Usage

    Just import it in the place you're going to use it:

    import 'jest-styled-components-matcher'

    That's it! Now you can use it in your tests:

    describe('Avatar', () => {
      it('uses default size property (64) to calculate proper border radius (32)', () => {
        expect(shallow(<Avatar />)).toHaveStyleRule('border-radius', 32);
      });
    });

    Assertation messages

    • Wrong value

    • Missing rule

    Keywords

    none

    Install

    npm i jest-styled-components-matcher

    DownloadsWeekly Downloads

    1,436

    Version

    1.0.1

    License

    MIT

    Last publish

    Collaborators

    • avatar