] 1
这是我在该图像中的整个组件代码和测试代码
import React from 'react';
import Enzyme, { shallow, mount } from 'enzyme';
import ProfileCard from '../profileCard';
import Adapter from 'enzyme-adapter-react-16';
import InfoCard from '../infoCard';
import renderer from 'react-test-renderer';
Enzyme.configure({
adapter: new Adapter()
});
describe('Profile Card', () => {
const props = {
percentageCompleted: 20,
toggleModalVisibility: () => console.log(''),
title: 'Value From Test',
icon: 'string',
active: false
};
const component = mount(<InfoCard {...props} />);
it('onclick function should toggle model visibality', () => {
const wrapper = shallow(<InfoCard {...props} />).instance();
const preventDefaultSpy = jest.fn();
expect(component.props().title.length).toBe(15);
//wrapper.onClick //i am stuck here
console.log('what is in there', wrapper);
});
// it('should render correctly', () => {
// const tree = renderer.create(<InfoCard {...props} />).toJSON();
// expect(tree).toMatchSnapshot();
// });
it('icon shpuld be equal to prop icon', () => {
expect(component.find('img').prop('src')).toEqual(props.icon);
});
});
因为我没有弄清楚如何测试该onClick功能。在函数中,我不接受参数或将传递函数的参数作为参数。所以我怎么测试这个功能。抱歉,我的英语让我有点受挫。