如何在Jest测试中导入JSON文件？

Question

我正在使用测试我的应用程序Jest，但出现了如下错误：

SyntaxError: Unexpected token }

行女巫的发生错误是：

import { something } from "../my-json.json";

如何JSON在Jest测试中导入文件？

Answer 1

适用于 Typescript / ts-jest 26.5：

import * as myJson from './mock/MyJson.json';

...

const result = doAnyting(myJson);

Answer 2

如此处所述：您可以使用node.js 中的 json是否需要：

import someObject from ('./somefile.json')

这也应该有效：

const testObject = require('../config/object');

然而，当我使用 jest 进行测试时，我通过使用 .js 扩展名保存 json 并使用 module.exports 将其保存在其中。然后我解构了主文件中的对象。

• JSON 文件 (object.js)：

  module.exports = {
    "testObject":
    {
        "name": testName
        "surname": testSurname
    }
  }
  

• 主文件

  const { testObject } = require('./config/object');
  

Answer 3

当使用Typescriptand时Vue CLI，我所需要做的就是添加resolveJsonModule到tsconfig.ts：

// tsconfig.ts

{
  "compilerOptions": {
    "resolveJsonModule": true,
  }
}

这实际上解决了一般 Typescript 加载 JSON 文件的问题。

注意：我正在使用Vue CLI，因此可能已经预先配置了一些与 JSON 相关的配置。

Answer 4

你需要import json from 'filename.json'。确保如果您使用路径别名，您需要jest.config.js在ModuleNameMapperconfig.xml文件中的文件中配置它们。