Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Test with Jest: SyntaxError: Unexpected token 'export' #22

Open
falkoschumann opened this issue Mar 16, 2021 · 2 comments
Open

Test with Jest: SyntaxError: Unexpected token 'export' #22

falkoschumann opened this issue Mar 16, 2021 · 2 comments

Comments

@falkoschumann
Copy link

Describe the bug
Test suite with react-hooks fails with

Test suite failed to run

Jest encountered an unexpected token

This usually means that you are trying to import a file which Jest cannot parse, e.g. it's not plain JavaScript.

By default, if Jest sees a Babel config, it will use that to transform your files, ignoring "node_modules".

Here's what you can do:
• If you are trying to use ECMAScript Modules, see https://jestjs.io/docs/en/ecmascript-modules for how to enable it.
• To have some of your "node_modules" files transformed, you can specify a custom "transformIgnorePatterns" in your config.
• If you need a custom transformation specify a "transform" option in your config.
• If you simply want to mock your non-JS modules (e.g. binary assets) you can stub them out with the "moduleNameMapper" config option.

You'll find more details and examples of these config options in the docs:
https://jestjs.io/docs/en/configuration.html

Details:

(...)/node_modules/@capacitor-community/react-hooks/geolocation/index.js:1
({"Object.":function(module,exports,require,__dirname,__filename,global,jest){export * from './useGeolocation';

To Reproduce
Steps to reproduce the behavior:

  1. Create React app with create-react-app
  2. Create custom hook using useGeolocation
  3. Create test for custom hook
  4. Run npm test
  5. See error

Expected behavior
Test does not fail with compile error

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

  • OS: macOS
  • Browser terminal
  • Version 11.2.2

Smartphone (please complete the following information):

  • Device: [e.g. iPhone6]
  • OS: [e.g. iOS8.1]
  • Browser [e.g. stock browser, safari]
  • Version [e.g. 22]

Additional context
Add any other context about the problem here.

@vimtor
Copy link

vimtor commented Jan 6, 2022

This also happens with Next.js

@xharris
Copy link

xharris commented Apr 5, 2022

I had similar issues with npm dev but solved it using steps here: https://stackoverflow.com/a/64847989 and replacing @babylonjs with @capacitor-community/app-react.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants