javascript - 守夜人 : Better way than `.pause(1000)` to avoid brittle tests?

Question

.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) 进行了实验，它似乎可以工作并且不会花费比需要更长的时间，但我猜这也不可靠。它之所以有效，是因为“当前”页面已经消失(这次)，所以我们正在等待"new"页面的主体出现。明天会发生一些奇怪的事情，它会比正常情况下更快，并且 .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 的表单' 不再提交 Chrome 45 :-( 我们希望找到一个好的解决方案，而不仅仅是在今天的条件下似乎有效的解决方案...

Answer 1

您是否尝试过将 waitForElementNotVisible 与 waitForElementVisible 链接到正文 html 中？这应该只在每个步骤等待适当的时间。我会做一些测试以确保它不会变脆。我们使用它来监视单页应用程序中的“模拟页面转换”。

例如

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)
  }
};