试着用玩笑测试，但遇到了问题

Question

我试着用jest测试一个组件。组件导入时空npm模块，该模块在main上使用es-模块。

https://www.npmjs.com/package/spacetime

我遇到了以下问题：

 ● Test suite failed to run

    Jest encountered an unexpected token

    Jest failed to parse a file. This happens e.g. when your code or its dependencies use non-standard JavaScript syntax, or when Jest is not configured to support such syntax.

    Out of the box Jest supports Babel, which will be used to transform your files into valid JS based on your Babel configuration.

    By default "node_modules" folder is ignored by transformers.

    Here's what you can do:
     • If you are trying to use ECMAScript Modules, see https://jestjs.io/docs/ecmascript-modules for how to enable it.
     • If you are trying to use TypeScript, see https://jestjs.io/docs/getting-started#using-typescript
     • 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/configuration
    For information about custom transformations, see:
    https://jestjs.io/docs/code-transformation

    Details:

    /Users/wscott/dev/pm/client/node_modules/spacetime/src/index.js:1
    ({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,jest){import Spacetime from './spacetime.js'
                                                                                      ^^^^^^

    SyntaxError: Cannot use import statement outside a module

       6 | import search from '../../assets/images/search.svg';
       7 | import Dropdown from 'react-bootstrap/Dropdown';
    >  8 | import spacetime from "spacetime";
         | ^
       9 | import languages from "../../libraries/languages/language-list";
      10 | import { Rating } from 'react-simple-star-rating';
      11 |

      at Runtime.createScriptFromCode (node_modules/jest-runtime/build/index.js:1728:14)
      at Object.<anonymous> (src/components/Mentor/MentorList.js:8:1)

这是我的jest.config.js文件

module.exports = {
    preset: 'ts-jest',
    transform: {
        '^.+\\.(ts|tsx)?$': 'ts-jest',
        "^.+\\.(js|jsx)$": "babel-jest",
        ".+\\.(css|styl|less|sass|scss)$": "jest-transform-css"
    },
    "moduleNameMapper": {
        "\\.(jpg|ico|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/src/__mocks__/fileMock.js",
        "\\.(css|less)$": "<rootDir>/src//__mocks__/fileMock.js"
    },
    "setupFiles":["./src/browserMocks.js"],
    "globals": {
        "window": {
            location: {
                href: ""
            },
            localStorage: {
                getItem: () => {

                }
            }
        },
        "localStorage": {
            getItem: () => {

            }
        }
    }
};

这是我的babel.config.js文件：

module.exports = {
    presets:[
        "@babel/preset-env",
        "@babel/preset-react"
    ],
    "env": {
        "test": {
            "plugins": ["@babel/plugin-transform-modules-commonjs"]
        }
    }
}

有人能帮忙吗？

Answer 1

将评级下调至6.12.3，用玩笑解决了这一问题。问题是时空使用es-模块导入，jest不支持，但降级应该有效

Answer 2

尝试设置transformIgnorePatterns属性，让jest在测试之前对文件进行转换：

transformIgnorePatterns: [
  'node_modules/(?!(spacetime)/)',
],

通过这种方式，您可以跳过除node_modules之外的所有spacetime的转换，这将由babel-jest进行转换，就像在您的配置中设置的那样。