【问题标题】:How to print the contents of enzyme's shallow wrapper如何打印酶的浅包装内容
【发布时间】:2018-10-07 14:34:10
【问题描述】:

我有以下:

import {shallow} from "enzyme" 

const wrapper = shallow(<SampleComponent/>);

如何查看 wrapper 的内容?

【问题讨论】:

    标签: javascript reactjs enzyme


    【解决方案1】:

    您可以使用wrapper.debug() 来获取代表包装器元素的字符串,例如:

    import {shallow} from "enzyme";
    const wrapper = shallow(<SampleComponent/>);
    console.log(wrapper.debug());
    

    【讨论】:

    • 这改变了我的生活
    • 如果控制台没有显示任何内容,我该怎么办?
    • @kafinsalim 这表明包装器的孩子可能为空或类似。在这种情况下,.debug({verbose: true}) 也无济于事。尝试类似:console.log(wrapper.length),然后是console.log(wrapper.get(0))
    【解决方案2】:
    import {shallow} from "enzyme";
    const wrapper = shallow(<SampleComponent/>);
    console.log(wrapper.html());
    

    【讨论】:

      猜你喜欢
      • 2021-08-15
      • 1970-01-01
      • 2017-10-20
      • 1970-01-01
      • 2017-12-15
      • 2019-08-29
      • 2021-07-04
      • 2014-06-04
      • 2020-09-08
      相关资源
      最近更新 更多