如何使用chai检查元素类型？ [英] How to check an element type with chai?

问题描述

我想检查元素是a还是div，我该如何完成？

此代码不起作用：

I want to check whether an element is an a or a div, how do I accomplish this?
this code is not working:

it('has no link if required', () => {
        const wrapper = shallow(<AssetOverlay asset={ assetsData[0] } shouldBeLinked />);
        expect(wrapper.find('.overlay-asset-link')).to.be.a('a');

        const wrapper1 = shallow(<AssetOverlay asset={ assetsData[0] } shouldBeLinked="false" />);
        //expect(wrapper1.find('.overlay-asset-link')).to.be.a('div');
    });

推荐答案

好吧，因为chais类型检查会检查 javascript 类型，不适用于HTML标签。

Well thats because chais type checking checks for javascript types, not for HTML-Tags.

如果 wrapper.find（）返回正常的HTML元素，则可以实现要测试的内容

In case wrapper.find() returns a normal HTML-Element, you could achieve what you want to test with:

expect（wrapper.find（'。overlay-asset-link'）。tagName）.to.equal（'A'） ;

注意：标记名属性始终为大写。

Note: The tagname-property is always uppercase.

这篇关于如何使用chai检查元素类型？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！