如何通过nightwatch.js测试Style属性的元素值

Question

我正在通过nightwatch.js测试一个web应用程序,我有一个具有style属性的元素,当我点击这个元素时它的样式属性发生了变化,我想通过nightwatch.js来测试这个场景.

通过nightwatch我可以点击元素但无法测试样式属性的值.如果有任何方法可以通过夜间测试来测试样式属性的元素值,那么请告诉我.

我的html元素如下.

<div id="wrapped_class" style="display: none;"/>

当我点击这个元素如下

browser.click('#wrapped_class', function (client) {
   client.waitForElementVisible('#wrapped_class[style=display block;', 5000);
});

但上面不适合我.:( 请帮忙!

Answer 1

您可以使用Nightwatch期望检查元素的给定css属性是否存在以及是否具有预期值:

browser
  .click('#wrapped_class')
  .expect.element('#wrapped_class').to.have.css('display').which.equals('block')

您可以在Nightwatch API文档中阅读有关它的更多信息