我如何通过 nightwatch.js 测试元素的样式属性值答案

【问题标题】：How can i test Style property's values of an element by nightwatch.js我如何通过 nightwatch.js 测试元素的样式属性值
【发布时间】：2016-04-03 05:11:38
【问题描述】：

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

通过 nightwatch 我可以单击元素但无法测试样式属性的值。如果有任何方法可以通过 nightwatch 测试元素的样式属性值，请告诉我。

我的 html 元素如下所示。

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

当我点击这个元素时，如下所示

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

但以上对我不起作用。 :( 请帮忙！

【问题讨论】：

标签： automated-tests ui-automation nightwatch.js

【解决方案1】：

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

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

您可以在Nightwatch API documentation了解更多信息

【讨论】：

是的，我浏览了文档，那里清楚地提到了，谢谢 Fredrik 引导我查看文档并快速回答我的问题。 :)