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

Question

我正在通过nightwatch.js测试一个网络应用程序，我有一个具有样式属性的元素，当我点击此元素时它的样式属性发生变化，我想通过nightwatch.js测试这个场景。

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

我的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 documentation

中详细了解相关信息