如何在 Jest 测试中处理 .gql 文件导入

我正在尝试测试一个导入的组件.gql文件。当我尝试在 Jest 文件中构建组件时，收到以下错误：

( object. anonymous function(module exports require __dirname __filename global jest) {
query getUser {                                                
      ˆˆˆˆˆˆˆ
<script>
import GET_USER from 'PATH';
ˆ

有谁知道如何忽略导入？因为我不需要测试 GraphQL 调用。

GraphQL 文档（通常有.gql如果使用 webpack 并使用自带的 loader 则可以直接导入graphql-tag。 Jest 不能与开箱即用的 webpack 一起使用，需要配置为处理样式表、图像等资源文件的任何导入。此过程概述在文档中 https://jestjs.io/docs/en/webpack.

根据graphql-tag文档：

不支持Webpack的测试环境需要额外配置。对于 Jest，请使用 jest-transform-graphql。

所以你可以利用笑话变换 graphql https://github.com/remind101/jest-transform-graphql随着babel-jest插件，您可能已经在使用：

"jest": {
  "transform": {
    "\\.(gql|graphql)$": "jest-transform-graphql",
    ".*": "babel-jest"
  }
}

通过添加以下内容，在技术上可以模拟该文件moduleNameMapperconfig 选项如文档中所示，但是，这样做可能会破坏您的组件。