如何使用chai檢查元素類型？

Question

我想檢查一個元素是a還是div，如何做到這一點？
該代碼不起作用：

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');
    });

Answer 1

那是因為chais類型檢查會檢查javascript類型，而不是HTML標簽。

如果wrapper.find()返回一個普通的HTML元素，則可以實現您要測試的內容：

expect(wrapper.find('.overlay-asset-link').tagName).to.equal('A');

注意 ：標記名屬性始終為大寫。