守夜人:比`.pause(1000)`更好的方法来避免脆弱的测试?

时间:2015-10-19 21:50:35

标签: javascript nightwatch.js

.pause(1000)真的是等待表单提交的最佳做法吗?我正在寻找一种方法来可靠地提交表单,而不必了解表单提交后出现的页面的详细信息。

home page中的示例使用.pause(1000)等待表单提交,具有讽刺意味的是不再有效,但是这个带有修改过的css-selector版本的版本可以:

module.exports = {
  'Demo test Google' : function (client) {
    client
      .url('http://www.google.com')
      .waitForElementVisible('body', 1000)
      .assert.title('Google')
      .assert.visible('input[type=text]')
      .setValue('input[type=text]', 'rembrandt van rijn')
      .waitForElementVisible('button[name=btnG]', 1000)
      .click('button[name=btnG]')
      .pause(1000)
      // This selector is different from the home page's - this one
      // works...
      .assert.containsText('ol#rso div.g:first-of-type',
        'Rembrandt - Wikipedia')
  }
};

.pause(1000)确保提交表单的问题是如何确定超时。它是 如果超时太长会使我们的测试变慢或者如果超时太短则使它们变脆。缓慢的硬件,服务器上的其他进程,月球对齐,你的名字可以影响应该是什么“好”的超时值。

有没有更好的方式说:“等待之前提交的表单 持续的“?

我们已经尝试过使用.waitForElementVisible('body', VERY_LONG_TIMEOUT),它似乎可以工作,而且不需要超过必要的时间,但我猜这也不可靠。它只能起作用,因为“当前”页面已经消失(这次),所以我们正在等待“新”页面的主体出现。明天会发生一些奇怪的事情,它会比正常情况更快,.waitForElementVisible('body')会立即返回,因为旧页面仍然存在。 ==也很脆弱。这是对的吗?

如果是这样,是否有一些不如.pause(1000)或更脆弱的方式 .waitForElementVisible('body')?特别是如果我们不太了解的话 提交后返回页面,所以我们不能 .waitForElementVisible('.element-only-on-new-page')

我问的原因是我们的测试看起来更像是:

module.exports = {
  'Test1 - submit form' : function (client) {
    client
      .url('http://some/url')
      .waitForElementVisible('body', 1000)
      .assert.title('MyTitle')
      .setValue('input[name="widget"]', 'value')
      // Click to submit the form to change some internal state
      .click('button[name="postForm"]')

      // Form got submitted fine in chromium 42 every single time. chromium
      // 45 needs additionally:
      //
      // .pause(1000)
      // or
      // .waitForElementVisible('body', 1000)
  }
  'Test2 - continue using new value' : function (client) {
    client
      .url('http://some/other/url')
      .waitForElementVisible('body', 1000)
      .assert.title('MyOtherTitle')
      .setValue('input[name="widget2"]', 'value2')
      .waitForElementVisible('.bla-bla', 1000)
  }
};

这是因为'http://some/url'中的表单不再提交 铬45 :-(我们想找到一个好的解决方案,而不仅仅是一个似乎在今天条件下工作的解决方案...

1 个答案:

答案 0 :(得分:8)

您是否尝试将waitForElementNotVisiblewaitForElementVisible链接为正文html?这应该只等待每一步的适当时间。我会做一些测试,以确保它不脆。我们使用它来监控单页应用程序中的“模拟页面转换”。

e.g。

module.exports = {
  'Test1 - submit form' : function (client) {
    client
      .url('http://some/url')
      .waitForElementVisible('body', 1000)
      .assert.title('MyTitle')
      .setValue('input[name="widget"]', 'value')
      // Click to submit the form to change some internal state
      .click('button[name="postForm"]')
      .waitForElementNotVisible('body', 5000)
      .waitForElementVisible('body', 10000)
  }
};