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

Question

我正在通过 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);
});

但上面对我不起作用。 :(请帮忙!

Answer 1

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

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

您可以在Nightwatch API documentation中阅读更多相关信息。