Question

我正在React的某些代码上创建单元测试。但是有些动作似乎没有用。

假设我在开始时有一个testing.js：

const images = require.context('../../../media/promotions', true);

这是我正在尝试的单元测试（testing.test.js）：

import React from 'react';
import { shallow } from 'enzyme';

import { Testing } from '../../src/components/Testing';




let wrapper, instance;

beforeAll(() => {
    wrapper = shallow(
        <Testing />
    );
    instance = wrapper.instance();
});

describe('Testing', () => {
it('renders without crashing', () => {
    expect(wrapper).toMatchSnapshot();
});
})

但是应用程序崩溃了，这是我得到的错误：

TypeError: require.context is not a function

Answer 1

解决方案是更改库：

import requireContext from 'require-context.macro';

然后以这种方式要求它们：

const images = requireContext('../../../media/promotions', true);

在React JS中使用Jest修复单元测试错误

1 个答案: