attr doesn't work with shallow (only with mount)

[cuongluu8]

For example

const ReportLink = ({ href }) => (
    <a href={href}>This is a link</a>
);

const props = { href: '/link/to' }
const reportLink = shallow(<ReportLink {...props}/>);
expect(reportLink).to.have.attr('href').equal(props.href);

Gives the following error
Window is not a constructor (evaluating '(0, _cheerio2.default)(this.wrapper.html())')

Works fine if I use mount instead of shallow. Documentation suggests that attr is support in a shallow render.

Using chai-enzyme v0.7.1

[ayrton]

What happens when you do:

expect(reportLink).to.have.attr('href', props.href);

[ljharb]

also what about export(reportLink).to.have.prop('href', props.href)?

[cuongluu8]

expect(reportLink).to.have.attr('href', props.href); yields the same error.

expect(reportLink).to.have.prop('href', props.href); does work and will probably be sufficient most of the times.

I guess there is an open question on when attr can/should be used? Is it just for full mount rendering?

[ljharb]

It’s using full Cheerio rendering; and yes, I’d say shallow rendering assertions are going to consistently be a better bet.