error: Expression expected

We are currently upgrading to NextJS 12, which is using SWC rather than babel.

I wanted to give @swc/jest a try because of ESM module issues with babel-jest:

SyntaxError: Cannot use import statement outside a module

After switching from '^.+\\.(js|jsx|ts|tsx)$': '<rootDir>/node_modules/babel-jest' to '^.+\\.(t|j)sx?$': '@swc/jest' I am getting the following errors:

FAIL  stories/stories.test.js
  ● Test suite failed to run

    error: Expression expected
      
       |
    36 |       <RouterContext.Provider value={mockRouter}>
       |       ^

    error: Expected ',', got 'value'
      
       |
    36 |       <RouterContext.Provider value={mockRouter}>
       |                               ^^^^^



    Caused by:
        0: failed to process js file
        1: Syntax Error

Is @swc/jest not supposed to work with jsx/tsx files? The regrex implies that it does work with it. Any suggestions?

Issue Analytics

State:
Created 2 years ago
Reactions:3
Comments:6 (1 by maintainers)

Top GitHub Comments

7reactions

maxhilliardcommented, Nov 26, 2021

Currently porting a test suite and had this issue. I had to set jsx / tsx to true to resolve this issue

[
  {
    "test": ".tsx?$",
    "jsc": {
      "parser": {
        "syntax": "typescript",
        "tsx": true
      },
      "target": "es5",
      "loose": false
    }
  },
  {
    "test": ".jsx?$",
    "jsc": {
      "parser": {
        "syntax": "ecmascript",
        "jsx": true,
        "decorators": false,
        "dynamicImport": false
      }
    }
  }
]

0reactions

kdy1commented, Nov 26, 2021

I think https://github.com/swc-project/jest/pull/44 cause the issue?