在功能組件中反應測試模擬變量

Question

請幫忙。 我無法運行測試，因為在我的 util langProvider 中 package 會丟棄測試。 我必須模擬 langProvider function 或字符串變量。 我怎么能這樣做？

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 function 之前插入測試文件，如下所示：

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