Automated tests 如何测试样式属性';通过nightwatch.js设置元素的值

Automated tests 如何测试样式属性';通过nightwatch.js设置元素的值,automated-tests,ui-automation,nightwatch.js,Automated Tests,Ui Automation,Nightwatch.js,我正在用nightwatch.js测试一个web应用程序,我有一个元素具有style属性,当我点击这个元素时,它的style属性会改变,我想用nightwatch.js测试这个场景 通过夜间观察,我可以单击元素,但无法测试样式属性的值。如果有任何方法可以通过nightwatch测试元素的style属性值,请告诉我 我的html元素如下所示 <div id="wrapped_class" style="display: none;"/> 但上面的内容对我来说并不适用( 请提供帮助!您

我正在用nightwatch.js测试一个web应用程序,我有一个元素具有style属性,当我点击这个元素时,它的style属性会改变,我想用nightwatch.js测试这个场景

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

我的html元素如下所示

<div id="wrapped_class" style="display: none;"/>
但上面的内容对我来说并不适用(
请提供帮助!

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

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

您可以在

中阅读更多关于它的信息。是的,我浏览了文档,文档中清楚地提到了这一点。感谢Fredrik为我提供了文档,并为我的问题提供了快速答案。:)
browser
  .click('#wrapped_class')
  .expect.element('#wrapped_class').to.have.css('display').which.equals('block')