Reactjs 使用Jest测试处理网页包加载程序语法:感叹号原始加载程序

Reactjs 使用Jest测试处理网页包加载程序语法:感叹号原始加载程序,reactjs,jestjs,Reactjs,Jestjs,我的React项目效果很好。有些文件需要原始加载程序,我不想弹出项目。因此,我有一些原始加载程序导入,如下所示: import blank_md from '!!raw-loader!./assets/blank.md.txt'; 但是玩笑死的时候有个错误 Cannot find module '!!raw-loader!./assets/blank.md.txt' from ... 这类似于玩笑 添加后,我尝试添加到Jest的配置: "transform": { &qu

我的React项目效果很好。有些文件需要原始加载程序,我不想弹出项目。因此,我有一些原始加载程序导入,如下所示:

import blank_md from '!!raw-loader!./assets/blank.md.txt';
但是玩笑死的时候有个错误

Cannot find module '!!raw-loader!./assets/blank.md.txt' from ...
这类似于玩笑

添加后,我尝试添加到Jest的配置:

"transform": { "^!!raw-loader!.*": "jest-raw-loader" }
但是没有骰子


使用模拟也可以。

我可以使用Jest选项让Jest“使用”模拟文件

好消息是Jest测试现在可以运行了

坏消息是Jest仍然不知道如何加载文件,因此它向应用程序提供文件名(而不是文件内容)。这对我的测试来说是可以的,但不是最优的

以下是我正在使用的一些工作设置。我在package.json文件中设置它们:

"jest": {
  "setupFiles": ["<rootDir>/src/tests/setup-register-context.js"], 
  "moduleNameMapper": {
    "^!!raw-loader!.*sdkExamples.*txt": "<rootDir>/src/tests/__mocks__/templateMock.txt",
    "^!!raw-loader!\\./toolbox.xml": "<rootDir>/src/tests/__mocks__/xmlMock.xml",
    "^!!raw-loader!.*/assets/startBlocks.xml": "<rootDir>/src/tests/__mocks__/xmlMock.xml",
    "!!raw-loader!.*md\\.txt": "<rootDir>/src/tests/__mocks__/mdMock.md"
  }
}
“开玩笑”:{
“setupFiles”:[“/src/tests/setupregister context.js”],
“moduleNameMapper”:{
“^!!原始加载程序!*sdkExamples.*txt”:“/src/tests/\uuuuuu mocks\uuuuuu/templateMock.txt”,
“^!!原始加载程序!\\./toolbox.xml”:“/src/tests/\uuuuumocks\uuuuuuu/xmlMock.xml”,
“^!!原始加载程序!*/assets/startBlocks.xml”:“/src/tests/\uuuuumocks\uuuuuuu/xmlMock.xml”,
“!!原始加载程序!*md\\.txt”:“/src/tests/\uuuuumocks\uuuuuu/mdMock.md”
}
}

我可以使用Jest选项让Jest“使用”模拟文件

好消息是Jest测试现在可以运行了

坏消息是Jest仍然不知道如何加载文件,因此它向应用程序提供文件名(而不是文件内容)。这对我的测试来说是可以的,但不是最优的

以下是我正在使用的一些工作设置。我在package.json文件中设置它们:

"jest": {
  "setupFiles": ["<rootDir>/src/tests/setup-register-context.js"], 
  "moduleNameMapper": {
    "^!!raw-loader!.*sdkExamples.*txt": "<rootDir>/src/tests/__mocks__/templateMock.txt",
    "^!!raw-loader!\\./toolbox.xml": "<rootDir>/src/tests/__mocks__/xmlMock.xml",
    "^!!raw-loader!.*/assets/startBlocks.xml": "<rootDir>/src/tests/__mocks__/xmlMock.xml",
    "!!raw-loader!.*md\\.txt": "<rootDir>/src/tests/__mocks__/mdMock.md"
  }
}
“开玩笑”:{
“setupFiles”:[“/src/tests/setupregister context.js”],
“moduleNameMapper”:{
“^!!原始加载程序!*sdkExamples.*txt”:“/src/tests/\uuuuuu mocks\uuuuuu/templateMock.txt”,
“^!!原始加载程序!\\./toolbox.xml”:“/src/tests/\uuuuumocks\uuuuuuu/xmlMock.xml”,
“^!!原始加载程序!*/assets/startBlocks.xml”:“/src/tests/\uuuuumocks\uuuuuuu/xmlMock.xml”,
“!!原始加载程序!*md\\.txt”:“/src/tests/\uuuuumocks\uuuuuu/mdMock.md”
}
}