Jest matcher matches all css properties

[itsdouges]

  it('should create css from array', () => {
    const base = { fontSize: 12 };
    const next = ` font-size: 15px; `;
    const { getByText } = render(<div css={[base, next]}>hello world</div>);

    expect(getByText('hello world')).toHaveCompiledCss('font-size', '12px');
  });

it should only match the last one - not both. this passes because of the bug.

[danieldelcore]

This test is technically correct because compiled doesn't dedupe style rules.

The below is valid css:

<div 
  css={`
     color: red;
     color: blue;
     :hover {
        color: green;
     }
  `} 
>foo</div>