Отключено не считается атрибутом HTML

Question

У меня есть эта кнопка в HTML

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

Я проверяю это так, используя Чай:

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

И это работает отлично. Но если я хочу проверить так же, как отключенный атрибут, тест не работает:

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

Итт всегда говорит, что атрибут существует. Это не нормально, потому что он не должен существовать в соответствии с условиями (когда я заполняю форму действительными данными).

Я что-то не так делаю в Чай?

Answer 1

Я не знаю больше о Чай, но просто прошел через это, попробуйте ниже одного

prop() or property()

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

или же

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

Обновленный фрагмент

Можете ли вы попробовать, как показано ниже

is()

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

Над одним может работать, пожалуйста попробуйте. Если нет, попробуйте также

hasAttr() or hasAttribute()

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