如何用Nightwatch.js的expect断言在指定时间前验证下拉项数量？

嘿，完全懂你不想用一堆生硬的pause()拖慢E2E测试的心情——这种固定等待确实会无端拉长测试周期，用expect结合before()才是更高效的做法！

其实Nightwatch的expect API已经内置了针对元素数量的断言方法，你可以直接用.count来统计元素个数，再链式调用.before(ms)来设置超时时间，实现“在指定时长内等待条件满足”的效果，而不是强制等待固定时间。

核心代码示例 #

替换你原来的pause+assert写法，改成这样：

browser.expect.element('#project_switch .dropdown-item').count.to.equal(3).before(300);

代码解释 #

• browser.expect.element(selector)：定位目标元素集合
• .count：获取该选择器匹配到的元素数量
• .to.equal(3)：断言数量等于3
• .before(300)：设置超时时间为300ms，意思是在300ms内只要元素数量达到3，就立刻通过断言，不会等到300ms结束；如果到了300ms还没满足条件，才会抛出断言失败。

扩展用法 #

如果你的场景需要其他数量断言，也可以灵活调整：

• 断言至少有3个选项：

  browser.expect.element('#project_switch .dropdown-item').count.to.be.at.least(3).before(300);
  

• 断言数量不等于2：

  browser.expect.element('#project_switch .dropdown-item').count.to.not.equal(2).before(300);
  

小提示 #

确保你的选择器#project_switch .dropdown-item是准确匹配下拉菜单选项的——如果选择器有误，断言会一直等到超时才失败，这时候可以先单独验证选择器是否能正确定位到目标元素哦。

内容的提问来源于stack exchange，提问作者samb