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

How can i test Style property's values of an element by nightwatch.js

我正在测试 nightwatch.js 的网络应用程序，我有一个具有样式 属性 的元素，当我单击该元素时，它的样式 属性 发生变化，我想通过 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);
});

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

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

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

您可以在 Nightwatch API documentation

中阅读更多相关信息