笑话：节点模块依赖使用导入语句并导致测试崩溃

Question

TL;DR

我的 Jest 测试崩溃了

    SyntaxError: Cannot use import statement outside a module

因为node_module 使用import 语句。我该如何解决这个错误？

上下文

我正在编写一个 Next.js 应用程序，使用 Jest 作为我的测试运行程序并使用 Magic 进行身份验证。我安装了 ts-node 以在 TypeScript 中运行我的 Jest 测试。

我想测试一个使用 @magic-sdk/admin 包的无服务器函数，该包又使用 ethereum-cryptography 进行其 keccak 哈希算法。

当我运行测试时它崩溃了，因为 ethereum-cryptography 包使用了 import 语句。

 FAIL  src/features/user-authentication/login-handler.test.ts
  ● 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:
     • If you are trying to use ECMAScript Modules, see https://jestjs.io/docs/en/ecmascript-modules for how to enable it.
     • 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/my-computer/dev/my-app/node_modules/ethereum-cryptography/src/keccak.ts:1
    ({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){import { createHashFunction } from "./hash-utils";
                                                                                             ^^^^^^

    SyntaxError: Cannot use import statement outside a module

      at Runtime.createScriptFromCode (node_modules/jest-runtime/build/index.js:1350:14)
      at Object.<anonymous> (node_modules/ethereum-cryptography/src/keccak.ts:3:26)

Test Suites: 1 failed, 1 total
Tests:       0 total
Snapshots:   0 total
Time:        2.292 s
Ran all test suites related to changed files.

我的tsconfig.json 是

{
  "compilerOptions": {
    "allowJs": true,
    "baseUrl": "./src",
    "esModuleInterop": true,
    "forceConsistentCasingInFileNames": true,
    "isolatedModules": true,
    "jsx": "preserve",
    "lib": ["dom", "dom.iterable", "esnext"],
    "module": "esnext",
    "moduleResolution": "node",
    "noEmit": true,
    "resolveJsonModule": true,
    "skipLibCheck": true,
    "strict": true,
    "target": "es5"
  },
  "exclude": ["node_modules"],
  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"]
}

我的jest.config.ts 看起来像这样。

export default {
  moduleDirectories: ['node_modules', 'src'],
  moduleNameMapper: {
    '\\.(css|less)$': '<rootDir>/src/tests/mocks/style-mock.js',
  },
  setupFilesAfterEnv: ['./jest.setup.ts'],
  setupFiles: ['<rootDir>/src/tests/setup-environment-variables.js'],
};

我尝试了什么

这似乎是大量 Google 搜索结果中的常见错误，但没有一个有效。这是我尝试过的。

我尝试在transformIgnorePatterns 中包含该文件夹。

const esModules = ['ethereum-cryptography', '@magic-sdk/admin'].join('|');

export default {
  moduleDirectories: ['node_modules', 'src'],
  moduleNameMapper: {
    '\\.(css|less)$': '<rootDir>/src/tests/mocks/style-mock.js',
  },
  setupFilesAfterEnv: ['./jest.setup.ts'],
  setupFiles: ['<rootDir>/src/tests/setup-environment-variables.js'],
  transformIgnorePatterns: [`/node_modules/(?!${esModules})`],
};

没有用。

我尝试使用transform 和ts-jest 对其进行显式转换。

transform: { '^.+\\.(ts|tsx|js|jsx)?$': 'ts-jest' },

我也试过把tsconfig.json中的模块改成commonjs，也没用。

如何解决这个问题并让测试运行？

Answer 1

我发现了我的错误。我的jest.config.ts 在moduleDirectories 中有src，因为我将Next.js 配置为支持绝对导入。

  moduleDirectories: ['node_modules', 'src'], // ? fails

当我将它明确地从 rootDir 更改为它时，它起作用了?

export default {
  moduleDirectories: ['node_modules', '<rootDir>/src'],
  moduleNameMapper: {
    '\\.(css|less)$': '<rootDir>/src/tests/mocks/style-mock.js',
  },
  setupFilesAfterEnv: ['./jest.setup.ts'],
  setupFiles: ['<rootDir>/src/tests/setup-environment-variables.js'],
};