styled-components / jest-styled-components

🔧 💅 Jest utilities for Styled Components
MIT License
1.58k stars 145 forks source link

Importing jest-styled-components on jest setup file throw global related error #331

Open intelcoder opened 4 years ago

intelcoder commented 4 years ago

When I add 'import jest-styled-components' to the jest setup file it throws error like below

global.beforeEach is not a function

versions

"jest": "^26.0.1", "jest-styled-components": "^7.0.2",

Setup file is currently look like this

Enzyme.configure({ adapter: new Adapter() })
global.React = React
global.shallow = shallow
global.render = render
global.mount = mount
global.renderer = renderer
global.jest = jest
global.Provider = Provider
global.store = store
global.Router = Router
global.sinon = sinon
global.findByDataTest = (component, dataTest) => component.find(`[data-test-id="${dataTest}"]`)
global.withStore = (Component) => (
  <Provider store={store}>
    {Component}
  </Provider>
)
global.withRouter = (Component) => (
  <Router>
    {Component}
  </Router>
)

Did I setup wrong ?

Kjaer commented 4 years ago

same happened!

I think this is the cause https://github.com/styled-components/jest-styled-components/blob/master/src/index.js#L5

Kjaer commented 4 years ago

Whoever come by this issue later, My problem was because jest transpiling of styled components. https://github.com/styled-components/styled-components/issues/1451#issuecomment-457567315 I followed that comment my issue is no longer a problem.

JeromeGill commented 2 years ago

you need to use setupFilesAfterEnv