3

我正在尝试在 Cucumber 中构建一个测试步骤，该步骤将登录具有给定角色的测试用户。我的方法是尝试查看是否存在“退出”选项并单击它，然后尝试登录。问题是承诺结构并不能保证首先发生注销，并且由于我不能假设我总是首先登录，所以我需要一种方法来基本上等到发生这种情况后再继续。

我的测试步骤如下所示：

this.Given(/^I am logged in as a\/an "([^"]*)"$/, function(roleName, callback) {
  console.log('Starting login as ', roleName);
  var myBrowser = this.browser;
  this.browser
    .setViewportSize({width: 1000, height: 600})
    .url(url.resolve(process.env.HOST, '/'));

  this.browser
    .waitForVisible('#main_menu').then(function() {
      console.log('#main_menu is visible' );

      myBrowser.waitForVisible('#appSignOut').then(function() {
        console.log('Logging out now');
        myBrowser.click('#appSignOut');
      });

      myBrowser.waitForVisible('#appSignIn').then(function() {
        console.log('Logging in as ', roleName);
        myBrowser.click('#appSignIn');

        myBrowser.waitForVisible('#username').then(function() {
          myBrowser
            .setValue('#username', 'test' + roleName)
            .setValue('#password', 'test' + roleName)
            .leftClick('#signin')
            .call(callback);
        });
      });
    });
    console.log('Done logging in as ', roleName);
});

有没有办法在之后停止myBrowser.waitForVisible('#appSignOut')？我只是错过了预期的用途吗？

更新

我尝试了一种新方法，但仍然无法正常工作：

this.Given(/^I am logged in as a\/an "([^"]*)"$/, function(roleName, callback) {
  var myBrowser = this.browser;
  this.browser
    .setViewportSize({width: 1000, height: 600})
    .url(url.resolve(process.env.HOST, '/'));

  this.browser
    .waitForVisible('#main_menu')
    .then(myBrowser.isVisible('#appSignOut').then(function(isVisible) {
      if (isVisible) {
        myBrowser.click('#appSignOut');
      }
    }))
    .then(myBrowser.waitForVisible('#appSignIn').then(function() {
      myBrowser
        .click('#appSignIn')
        .waitForVisible('#username')
        .setValue('#username', 'test' + roleName)
        .setValue('#password', 'test' + roleName)
        .leftClick('#signin');
    }))
    .call(callback);;
});

这里的逻辑是：

  1. #main_menu 可见时（页面已加载）
  2. 然后 - 如果存在#appSignOut，请单击它
  3. 然后 - 等待#appSignIn 变为可见，然后完成登录

我得到的错误是：

[chimp] Detected an unhandledRejection.
[chimp][hooks] Reason:
[chimp][hooks] RuntimeError
[chimp][hooks] no such element

但我认为这些都不起作用。弹出式浏览器的速度太快了，我看不到发生了什么，而且 cucumber.log 也没有给我任何关于它在做什么的好的指示。

4

2 回答 2

1

这是一个老问题，希望你从那以后找到你的答案，但我会回答它可能对其他人有帮助。

使用 Promise 时，您必须确保在任何地方都使用它们（在大多数情况下，或者您真的希望事情异步运行）。

在您的代码中，它将是：

this.Given(/^I am logged in as a\/an "([^"]*)"$/, function(roleName) {
  return this.browser
    .setViewportSize({width: 1000, height: 600})
    .url(url.resolve(process.env.HOST, '/'))
    .waitForVisible('#main_menu')
    .isVisible('#appSignOut')
    .then(function(isVisible) {
      if (isVisible) {
        return this.click('#appSignOut');
      }
    })
    .waitForVisible('#appSignIn')
    .click('#appSignIn')
    .waitForVisible('#username')
    .setValue('#username', 'test' + roleName)
    .setValue('#password', 'test' + roleName)
    .leftClick('#signin');
});

您会注意到它比以前更具可读性。

我改变的关键点：

  • 我将所有内容链接在一起（webdriverio 允许这样做）
  • 使用时 .Then()this对应于this.browser所以你仍然可以链接
  • 通过this.click()从 then() 返回结果，您可以继续链接
  • CucumberJS 可以处理 Promise，因为您需要删除回调参数并返回 Promise。在这种情况下，只需返回 webdriverio API 调用的结果

干杯

于 2016-08-17T16:19:27.167 回答
0

我在使用 ChimpJS 使用登录表单自动登录到我的 Meteor 应用程序时遇到问题，我得到“禁止登录”，使用http://webdriver.io/api/protocol/execute.html执行 Meteor.loginWithPassword() （由于 ChimpJS 版本的 WebDriverIO 的同步性质，请小心不要使用 looshi 建议的 .then()) 为我工作：http ://docs.meteor.com/#/full/meteor_loginwithpassword

于 2015-12-10T00:11:19.180 回答