Is there any ways to get style for pseudo-class? about jest-glamor-react HOT 6 OPEN

Either way, I think this would be great:

expect(component).toHaveStyleRule({
  '::after': {
    backgroundColor: 'white',
  },
})

I'm not sure how to do that though and I'm afraid I don't have the time to work on it personally.

from jest-glamor-react.

and thank you for great library!

from jest-glamor-react.

I'm afraid I don't think that's currently supported.

If we could make it work with jest-dom that would be sweet. Then you could use this: testing-library/jest-dom#6

from jest-glamor-react.

That's frustrating... I try to find a way, and if I succeed, I will send a PR.

from jest-glamor-react.

Hello! @kentcdodds Do you know if toHaveStyleRule works with pseudo selectors?
Thanks and sorry for the noise!

from jest-glamor-react.

Hello! @kentcdodds Do you know if toHaveStyleRule works with pseudo selectors?

Im having this problem, currently unable to detect styles applied when :focus is made. My understanding is that this should work.

  const TEXT = 'PLACEHOLDER';
  const { getByText } = render(
    <StyledDesktopNavigationLink>{TEXT}</StyledDesktopNavigationLink>,
  );

  getByText(TEXT).focus();
  expect(getByText(TEXT)).toHaveStyle(`color: ${EMPHASIS_FILL}`);

from jest-glamor-react.