预期有一个按钮禁用失败

时间:2018-10-28 22:36:52

标签: javascript html angular testing

我正在尝试对角度项目执行一些用户界面端到端测试。 我做什么:

  • 使用小黄瓜和黄瓜来写我的场景。
  • 例如,我在量角器中翻译它们,例如:

 Given('first step', {timeout: 90 * 1000},function(callback) {
     .... some code
     
    });
 
  When('second step',{timeout: 90 * 1000},  function(name, callback) {
       some code 
   
});

我之所以没有指定这些函数内部的原因是因为那里的所有东西都被完美地执行了。因此,在这些功能中,我在应用程序上执行了一些步骤,例如登录,放入一些数据并注销,这些步骤可以完美运行,并且在运行测试时可以在浏览器中看到它们的执行情况。

  • 第三步,我需要写一些期望, 所以我要检查的是我的应用程序中的按钮是否在测试后被禁用或启用。 这是我的按钮的HTML代码:

<button id="ref_button" type="submit" [disabled]="editForm.form.invalid || isSaving" class="btn btn-primary">

如您所见,已使用Angular禁用或启用按钮。

现在要为Cucumber和priotrcator编写断言,我可以在黄瓜文档中找到的唯一库是Chai cucumber page where I see teh recomendadtion Chai library for dom

现在,我根据chai语法将此行写为期望值,以检查按钮的功能是否失效:

 document.getElementById("ref_button").should.have.attr("disabled");

我得到这个错误:

  **ReferenceError: document is not defined**
有什么不对?我对此进行了大量研究。在这种情况下,有人使用另一个更好的库进行断言吗?请帮助!

0 个答案:

没有答案