Add a way to check if styled-component has a style rule (or style rule has a right value)
yarn add jest-styled-components-matcher --devor
npm i jest-styled-components-matcher -DJust 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);
});
});-
Wrong value
-
Missing rule
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent