enzyme find

来源:5-3 React 测试工具简介

weixin_慕圣9187854

2019-05-10

页面代码
<TabPane tab={一级(${pendingOneNum})} key=“1” className=“daiTabPane”>

测试代码

it(‘setState’,()=>{
const wrapper = shallow();
wrapper.setState({pendingOneNum:30});
expect(wrapper.find(’.daiTabPane’).first().tab).toEqual(‘一级(30)’);
})
老师,我想要测试TabPane标签中tab的属性值是否为’一级(30)’,上面expect的这行代码要如何修改一下呢?
目前项目用的是antdesign框架,使用wrapper.setState过后,还不能用渲染到页面后的html中的class名称做筛选
麻烦老师帮忙看一下,谢谢~

写回答

1回答

张轩

2019-05-10

这里其实你不需要去找 它的className 这个 DOM 节点,而是可以去找这个组件本身,你可以这样试试

wrapper.find(TabPane).first().props().tab


0
1
weixin_慕圣9187854
非常感谢!
2019-05-10
共1条回复

React16组件化+测试+全流程 实战在线账本项目

轻松上手,从设计图到上线,精通组件化思维和组件测试

713 学习 · 177 问题

查看课程