enzyme的三种渲染方式

广告位招租
扫码页面底部二维码联系

react测试利器enzyme有三种渲染本文版权归作者所有,未经授权不得转载。【版权所有,侵权必究】方式:shallow, mount, r【版权所有,侵权必究】【未经授权禁止转载】ender。shallow渲染叫浅渲染,本文版权归作者所有,未经授权不得转载。【本文首发于唐霜的博客】仅仅对当前jsx结构内的顶级组件进行渲染原创内容,盗版必究。本文版权归作者所有,未经授权不得转载。,而不对这些组件的内部子组件进行渲染,因【访问 www.tangshuang.net 获取更多精彩内容】本文版权归作者所有,未经授权不得转载。此,它的性能上最快的,大部分情况下,如果【原创不易,请尊重版权】本文版权归作者所有,未经授权不得转载。不深入组件内部测试,那么可以使用shal【访问 www.tangshuang.net 获取更多精彩内容】原创内容,盗版必究。low渲染。mount则会进行完整渲染,【本文首发于唐霜的博客】【版权所有】唐霜 www.tangshuang.net而且完全依赖DOM API,也就是说mo【未经授权禁止转载】【访问 www.tangshuang.net 获取更多精彩内容】unt渲染的结果和浏览器渲染结果说一样的【访问 www.tangshuang.net 获取更多精彩内容】本文作者:唐霜,转载请注明出处。,结合jsdom这个工具,可以对上面提到未经授权,禁止复制转载。【未经授权禁止转载】的有内部子组件实现复杂交互功能的组件进行本文版权归作者所有,未经授权不得转载。【原创内容,转载请注明出处】测试。render也会进行完整渲染,但不【本文首发于唐霜的博客】本文作者:唐霜,转载请注明出处。依赖DOM API,而是渲染成HTML结转载请注明出处:www.tangshuang.net【未经授权禁止转载】构,并利用cheerio实现html节点【未经授权禁止转载】本文作者:唐霜,转载请注明出处。的选择,它相当于只调用了组件的rende【作者:唐霜】【原创不易,请尊重版权】r方法,得到jsx并转码为html,所以【原创不易,请尊重版权】原创内容,盗版必究。组件的生命周期方法内的逻辑都测试不到,所转载请注明出处:www.tangshuang.net【原创内容,转载请注明出处】以render常常只用来测试一些数据(结【版权所有,侵权必究】未经授权,禁止复制转载。构)一致性对比的场景。在这里还提到,shallow实际上也测试不到c【版权所有,侵权必究】【原创内容,转载请注明出处】omponentDidMount/com本文版权归作者所有,未经授权不得转载。【原创不易,请尊重版权】ponentDidUpdate这两个方法著作权归作者所有,禁止商业用途转载。【版权所有】唐霜 www.tangshuang.net内的逻辑。

著作权归作者所有,禁止商业用途转载。【版权所有】唐霜 www.tangshuang.net著作权归作者所有,禁止商业用途转载。【原创内容,转载请注明出处】