请教一个关于enzyme的问题

发布于 2022-09-11 20:14:57 字数 620 浏览 37 评论 0

在测试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('手机号不合法')

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文