dotmind / rn-shadow-generator Goto Github PK

Great work

Facing an issue using the library with a non-TS project and testing with Jest caused me an issue with this library: Jest encountered an unexpected token. This happened when importing the ShadowView component

import { ShadowView } from "@dotmind/rn-shadow-generator"

If the maintainers consider this valid, it could be evolved to a specific session inside the documentation.

Why it happens

It is just a supposition but as this library is probably shipped without pre-compiling into "native" JS, it still has some references to new JS or even TS.

How to solve

Jest allows a config file (jest.config.js) that it is possible to pass your own configs. By default, Jest doesn't transform or change anything from node_modules/ dir. It is possible to change that and pass that with the option transformIgnorePatterns into the jest.config.js file:

module.exports = {
  // ...
  transformIgnorePatterns: [
     "node_modules/(?!@dotmind)"
  ],
  // ...
};

Those options allow a list of Regular Expressions passed as Strings and that's why the ?! should be placed at start of the desired string to be ignored. If it is needed to add another library to be ignored such as react-navigation it is possible (and recommended) to inform as a string: "node_modules/(?!@dotmind|@react-navigation)"

Hope that helps someone else! 😄

Some references

• Official Jest Doc about transformIgnorePatterns
• Stack Overflow that helped me solve for my case
• This issue on Jest GitHub repo

Hi, thanks for your work!
I applied color to shadowColor property, and nothing changes. 'red', '#2C66F5', 'rgba(0, 0, 0, 0.1)' - no matter what I tried, nothing worked.
Tested on Android 8, RN 0.64.1, latest library version.