Unit Testing Error With Jest "Jest encountered an unexpected token"

[ahmadwaluyo]

Hello everyone 👋 i have an issue while testing the unit by jest. It was because I've overridden some navigation and pagination styles in vue3-carousel

● The 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:
 • 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:

/Users/ahmadwaluyo/Documents/waluyo_project/help-website/node_modules/vue3-carousel/dist/carousel.css:1
({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){.carousel__prev,
                                                                                         ^

SyntaxError: Unexpected token '.'

Is there anyone can solve this issue ?