javascript - 如何使用 enzyme 在React组件的数据属性中声明div？

我有一个React组件，它使用自定义数据属性创建一个<div>，例如

<div className="video-wrapper" data-video-source="brightcove" />

使用 enzyme ，我可以像这样断言类

it('creates a div with correct oVideo attributes', () => {
    const videoDiv = component.find('div.video-wrapper')
    expect(videoDiv.hasClass('video-wrapper')).to.equal(true);
});

但是，如何断言data-video-source属性的值为brightcove呢？

最佳答案

您可以使用.prop()方法实现此目的:

it('creates a div with correct oVideo attributes', () => {
    const videoDiv = component.find('div.video-wrapper')
    expect(videoDiv.hasClass('video-wrapper')).to.equal(true);
    expect(videoDiv.prop('data-video-source')).to.equal('brightcove');
});