Question

如何在用酶进行的反应测试中获取HTML元素？我能够找到包装纸。但是我想要HTML元素。因为我的代码块需要覆盖，所以对HTML元素的offsetParent检查没有被覆盖。下面是示例。

 it('add class test', async () => {

    const wrapper = mount((
        <div class='ag-cell'>
            <div class='ag-react-conatiner'></div>
            <span anum={3} abool={false} />
            <span anum="3" abool="false" />
        </div>
    ));

    const x = wrapper.find('.ag-react-conatiner').offsetParent;

    console.log(wrapper.find('.ag-react-conatiner').offsetParent);
 }

我能够获取wrapper.find（'。ag-react-conatiner'）。我如何获得它的offsetParent？

Answer 1

为什么不将data-testid ='something'属性添加到元素中使用

const wrapper = mount(<MyComponent />);
expect(wrapper.find('[data-testid="something"]')).to.have.lengthOf(1);

使用上面的属性可以清楚地将其用于测试，这与可以在开发中轻松重命名的类不同。

使用酶在反应测试中获取html元素

1 个答案: