testing - 如何 Jest.mock redux-form 的字段

Question

我的 React 类组件如下所示:

import { Field, reduxForm, propTypes } from 'redux-form';

class DepositAmountInput extends Component {
  render() {
    return (
      <View>
        <Field
          component={NumberInputField}
          props={{
            onChange: this.handleInput,
            onBlur: this.handleOnBlur
          }}
        />
      </View>
    );
  }
}
export default DepositAmountInput

在我对该组件的 Jest 测试中，如何模拟 redux-form 的 Field 组件？我正在寻找这样的东西:

.mock('redux-form/lib/Field', () => 'Field');

谢谢!

Answer 1

这是在我的测试中运行良好的代码(见下图)
jest.mock('redux-form/lib/Field', () => 'field');
(和你当时期待的一样。)

在我的 pacakage.json 上:
{
"redux-form": "^7.0.3",
“Jest ”:“^20.0.4”，
}