禁用不被视为 HTML 属性

Question

我在 html 中有这个按钮

 const dom = new JSDOM(`
<button id="ref_button" type="submit" [disabled]="editForm.form.invalid || isSaving" class="btn btn-primary">`)
           

我正在使用 Chai 进行这样的测试：

 dom.window.document.getElementById("ref_button").should.have.attr('type');

而且效果很好。 但是，如果我想以相同的方式测试 disabled 属性，则测试不起作用：

  dom.window.document.getElementById("ref_button").should.have.attr('[disabled]');

它总是说属性存在。这是不正常的，因为根据条件它不应该存在（当我用有效数据填写表格时）。

我在 Chai 做错了吗？

Answer 1

我对 Chai 不太了解，但只是通过它尝试以下一个

prop() or property()

dom.window.document.getElementById("ref_button").should.have.prop('disabled');

或

dom.window.document.getElementById("ref_button").should.have.property('disabled');

更新的 sn-p

你能像下面这样试试吗

is()

dom.window.document.getElementById("ref_button").is('[disabled]')).toBe(true)

以上方法可行，请尝试。如果没有，也试试下面的一个

hasAttr() or hasAttribute()

dom.window.document.getElementById("ref_button").hasAttribute('disabled')