使用 jest 运行测试时的可选链接问题

编程问答 2022-05-23

问题描述

我正在尝试用 Jest 运行一个测试，我目前在我的 React 应用程序中使用 jsx 和 tsx（从 js 更改为 ts）但是当我运行我的测试时，所有 jsx 测试都成功了，除了 tsx 中的那些带有可选阻塞。我的输入总是出现错误 Unexpected token，看起来像

...
<Input 
    value={parent?.child}
...

这是我的笑话配置

{
    "verbose": true,"roots": [
      "<rootDir>/app"
    ],"setupFiles": [
      "./config/webpack/jest/config.js"
    ],"moduleNameMapper": {
      "^components(.*)": "<rootDir>/app/javascript/components$1","^utils(.*)": "<rootDir>/app/javascript/utils$1","^types(.*)": "<rootDir>/app/javascript/types$1","\\.(css|pcss|scss)$": "<rootDir>/spec/__mocks__/styleMock.js","\\.(gif|ttf|eot|svg|png)$": "<rootDir>/spec/__mocks__/fileMock.js"
    },"snapshotSerializers": [
      "<rootDir>/node_modules/enzyme-to-json/serializer"
    ],"testRegex": "(/__tests__/.*|\\.(test))\\.(ts|tsx|js|jsx)$","moduleFileExtensions": [
      "ts","tsx","js","jsx"
    ],"transform": {
      "\\.[jt]sx?$": "babel-jest"
    }
}

我如何使用可选链和玩笑来工作，这可能是什么问题？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

babel-jestbabeljsenzymejestjsreactjsreactjs