如何使用 React 测试原始加载数据

Question

我需要从 .js 文件加载 javascript 原始数据。我有这个帮手来做这样的事情：

import {
  reduceFunctionGarbage
} from "./reduce-function-garbage";

// eslint-disable-next-line import/no-webpack-loader-syntax
export const getRawChallenge = num =>
  reduceFunctionGarbage(require(`!raw-loader!../challenges/${num}.js`));

当我尝试运行测试时，出现以下错误：

如何测试导入RAW数据的文件？我试过 jest-raw-loader (https://github.com/keplersj/jest-raw-loader) 但它对我不起作用。

谁能给我指出正确的方向？

Answer 1

你可以像这样模拟你的文件

jest.mock(`!raw-loader!../challenges/4.js`, () => 'hello-raw-data');

如果它们不存在，您可以提供 { virtual: true }

jest.mock(`!raw-loader!../challenges/4.js`, () => 'hello-raw-data', {
  virtual: true,
});

working example

如何使用 React 测试原始加载数据

How to test raw loaded data with React

javascript

testing

jestjs

raw-data