jest-styled-components-matcher

Jest matchers for styled components

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
jest-styled-components-matcher
1.0.17 years ago7 years agoMinified + gzip package size for jest-styled-components-matcher in KB

Readme

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