在测试react
组件时,会遇到一种情况,就是需要查询当前组件之上的dom
元素,
比如我要测试一个输入框的输入,我会给这个输入框赋值,然后触发事件进行校验,这时,校验不通过就会调用弹层提示用给用户,这时我会查询这个弹层的内容来进行断言,但是这个弹层生成的dom
是独立于该测试组件的(会插入到body底部),也就是说,需要从祖先元素比如body
来查找这个弹层,但是下面代码死活查不到body
,应该是我的enzyme
用法不对,希望老司机帮忙看下,谢谢
const wrapper = mount(<Router><AddBankcard /></Router>)
wrapper.find({ name: 'phone' }).simulate('change', { target: { name: 'phone', value: '23452345' } })
wrapper.find('.submit').simulate('click')
expect(wrapper.parents('body').find('.msg').text()).toBe('手机号不合法')