Ability to provide app css from a component

I just came across jest-preview and it’s amazing! We use emotion and it’s really sweet how great our components look with basically 2 minutes of work.

One thing that’d be great is the ability to provide our app-level CSS, which for us is still injected by emotion, but in our top index.tsx file, i.e.:

ReactDOM.render(
  <ApolloProvider client={apolloClient}>
    <Router>
      <CssBaseline />
      <CssReset />
      <App />
    </Router>
  </ApolloProvider>,
  document.getElementById("root"),
);

The docs (which are great) have examples of adding root-/app-level externalCss from bootstap.min.css files; is there a way to do this same sort of externalCss but by pointing jest-preview at a React component that includes our CssBaseline and CssReset?

Thanks!

[stephenh]

@nvh95 huh, I guess that is obvious in retrospect 😃, but yeah, we already use a custom render approach, we just historically have not included our CssBaseline/CssReset because they weren’t required for anything that tests needed to assert against. But yeah, we can do that; thanks!

[nvh95]

@stephenh It’s super helpful. I will take a look in the morning my time. Thank you very much.