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

Dependencies (1)

Dev Dependencies (6)

Package Sidebar

Install

npm i jest-styled-components-matcher

Weekly Downloads

1

Version

1.0.1

License

MIT

Last publish

Collaborators

  • kureev