Question

请帮忙。我无法运行测试，因为在我的 util langProvider 中是丢弃测试的包。我必须模拟 langProvider 函数或字符串变量。我该怎么做？

import React, { ReactElement, useState } from 'react';
import langProvider from 'utils/langProvider';

import { HeaderStyled, DropDownStyled } from './styled';
import './style.scss';

function Header(props: any): ReactElement {
  const [state, setState] = useState({
    isDropDownOpened: false,
    isDrawerOpened: false,
  });

  const strings = langProvider(props.language, 'components.header');

  return (
    <HeaderStyled className="header">
      ...
    </HeaderStyled>
  );
}

const mapStateToProps = (state: any) => ({
  language: state.language,
});

export default connect(mapStateToProps)(Header);

我的测试文件

import { configure, shallow } from 'enzyme';
import Adapter from 'enzyme-adapter-react-16';
import React from 'react';
import Header from './index';

configure({ adapter: new Adapter() });

describe('<Header />', () => {
  const wrapper = shallow(<Header />);

  it('My test', () => {
    expect('').toEqual('Header');
  });
});

Answer 1

不确定，但您可以尝试在 describe 函数之前插入测试文件，例如：

jest.mock("utils/langProvider", () => ({langProvider: ()=> []}));

在功能组件中反应测试模拟变量

1 个答案: