Jest: why does it fail with SyntaxError: Unexpected token . for css class?

Question

I wrote a React application and used jest to write unit tests.

when I run it by "jest --config=jest.config.json --watch" I get the following error:

Test suite failed to run

/home/user/Projects/react-game/src/Square.css:1
({"Object.>
":function(module,exports,require,__dirname,__filename,global,jest){.bluePawn, .blueMasterPawn, .redPawn, .redMasterPawn { ^ SyntaxError: Unexpected token .
  at ScriptTransformer._transformAndBuildScript (node_modules/jest-runtime/build/ScriptTransformer.js:289:17)
  at Object.<anonymous> (src/MasterPawn.js:3:1)
  at Object.<anonymous> (src/Utils.js:3:19)

I just want to note that compiler marks ".bluePawn" which is a class name. Therefore, I understand that it cannot read class name.

It looks like something that has to do with configurations. I was searching on the web, and didn't find any solution that could help me.

Are you importing any css files inside your components?

Hamza El Aoutar
– Hamza El Aoutar

2018-05-02 21:59:00 +00:00
Commented May 2, 2018 at 21:59 — Hamza El Aoutar
– Hamza El Aoutar, Commented May 2, 2018 at 21:59
yes. css files are imported to my components

CrazySynthax
– CrazySynthax

2018-05-02 22:00:59 +00:00
Commented May 2, 2018 at 22:00 — CrazySynthax
– CrazySynthax, Commented May 2, 2018 at 22:00

Hamza El Aoutar · Accepted Answer · 2018-05-02 22:03:14Z

1

Create an empty css file named stub.css inside src.

Then add this to your package.json :

"jest": {
    "moduleNameMapper": {
      ".*css$": "<rootDir>/src/stub.css",
    },

answered May 2, 2018 at 22:03

Hamza El Aoutar

5,6873 gold badges20 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

CrazySynthax Over a year ago

thanks, but now I see that the error has changed: stackoverflow.com/questions/50144229/…

Hamza El Aoutar Over a year ago

It looks like an error related to the tests themselves, and not the config of jest

Collectives™ on Stack Overflow

Jest: why does it fail with SyntaxError: Unexpected token . for css class?

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related