CommonJS Exports for Jest? about grommet-controls HOT 3 CLOSED

Hi there,

It turned out to be a Jest/Create-react-app issue. I was able to resolve by changing my test command from:

"react-app-rewired test"

to:

"react-app-rewired test --transformIgnorePatterns \"node_modules/(?!(grommet-controls))/\""

Jest assumes that all installed packages in node_modules has been transpiled to ES5, and if they aren't (which grommet-controls is not -- i.e. it does not have a dist folder containing transpiled exports) they need to be exempted from the default ignore pattern of "node_modules".

I by no means know 100% of what I'm talking about, but it appears that grommet-controls has a rollup config that would do the transpilation and put it in a "dist" folder. If you were to upload the package with a dist folder and with the module exports pointing to it, then this would not happen. For example, if you look at the index of the 'grommet' module, it is pointing to the components folder which is comprised of transpiled es5 code.

Either way, I've resolved on my end! Thanks.

from grommet-controls.

Hi - I am not sure about the error, but I think you are not using the named imports :

import { Tag } from 'grommet-controls'

from grommet-controls.

Thanks a lot, i will check on my end of i can also fix the rollup config

from grommet-controls.