[英]jest.fn() is being called multiple times
我正在用笑话和酶测试我的 react-native 应用程序组件。 为了监视作为 props 传递的函数,我使用jest.fn()
。 当我运行测试时,我收到错误消息,指出Expected mock function to have been called one time, but it was called two times
。 测试onPress
方法时出现此错误。
我尝试删除在我的组件中调用 prop 方法的匿名函数; 直接引用组件内部<TouchableOpacity/>
onPress
方法,而不是从组件的 prop 中调用它; 在测试用例之前重新渲染测试组件。 但没有成功。
/*BackButton.js*/
import React from 'react';
import { TouchableOpacity } from 'react-native';
import { Icon } from 'expo';
import { iconStyle, Colors } from '../constants';
const styles = {
icon: {
marginLeft: 5,
color: Colors.white,
fontSize: 40
}
};
function BackButton(props) {
return (
<TouchableOpacity
onPress={()=>props.navigate()}
style={{width: 50}}
>
<Icon.Ionicons
name={`${iconStyle}-refresh`}
style={styles.icon}
/>
</TouchableOpacity>
);
}
export default BackButton;
=======================================
/*BackButton-test.js*/
import 'react-native';
import React from 'react';
import {mount} from 'enzyme';
import BackButton from '../BackButton';
describe('navigate action', () => {
const spy = jest.fn();
const wrapper = mount(<BackButton navigate={spy}/>);
it('renders correctly', () => {
expect(wrapper).toMatchSnapshot();
});
beforeEach(() => {
wrapper.prop('navigate')();
});
it('calls once', () => {
expect(spy).toHaveBeenCalledTimes(1);
});
});
此外,当我在beforeEach
直接调用spy()
,它也被调用了 2 次。
从beforeEach()
函数中取出wrapper.prop('navigate')
您的beforeEach()
正在运行您拥有的it()
次数
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.