在Jest/Enzyme上测试子组件的方法如下:
Component.test.js
,并在文件中导入需要测试的组件和Enzyme相关的方法。describe
函数创建一个测试套件,描述要测试的子组件。it
函数创建一个测试用例,描述要测试的子组件的某个功能。mount
函数将子组件渲染到虚拟DOM中。find
、simulate
等,对子组件进行操作和断言。expect
,对子组件的状态、属性、渲染结果等进行断言。以下是一个示例代码:
import React from 'react';
import { mount } from 'enzyme';
import ChildComponent from './ChildComponent';
describe('ChildComponent', () => {
it('should render correctly', () => {
const wrapper = mount(<ChildComponent />);
// 断言子组件是否正确渲染
expect(wrapper.find('.child').exists()).toBe(true);
});
it('should handle click event', () => {
const wrapper = mount(<ChildComponent />);
// 模拟点击事件
wrapper.find('.button').simulate('click');
// 断言点击事件是否触发
expect(wrapper.state('clicked')).toBe(true);
});
});
在上述示例中,我们测试了一个名为ChildComponent
的子组件。第一个测试用例检查子组件是否正确渲染,第二个测试用例检查点击事件是否能够正确触发。
领取专属 10元无门槛券
手把手带您无忧上云