量角器：使用承诺

Question

我一直在玩量角器和承诺，我对我得到的不同结果感到困惑。我有三个测试，基本上加载 www.angularjs.org 并等待“主页”链接。

describe('Sample tests', function() {

  it("test1", function(){
    browser.get("angularjs.org");
    browser.wait(protractor.ExpectedConditions.visibilityOf(element(by.linkText('Home'))))
      .then(function() {
        console.log("element visible");
      })
  })

  it("test2", function() {
    browser.get("angularjs.org");
    fn1().then(function(){
      return browser.wait(protractor.ExpectedConditions.visibilityOf(element(by.linkText('Home'))))
      .then(function() {
        console.log("element visible");
      })
    });

    function fn1() {
      return new Promise(function (fulfill, reject){
        fulfill();
      });
    }

  })

  it("test3", function() {
    browser.get("angularjs.org");
    fn1().then(function(){
       browser.wait(protractor.ExpectedConditions.visibilityOf(element(by.linkText('Home'))))
      .then(function() {
        console.log("element visible");
      }, function(err) {
        console.log("error: " + err);
      })
    });

    function fn1() {
      return new Promise(function (fulfill, reject){
        browser.manage().addCookie("abc", "123")
          .then(function() {
            console.log("set cookie");
            fulfill();
          }, function(err){
            console.log("error in fn1: " + err);
          })
      });
    }
  })
})

test1 通过并输出element visible。

test2 失败，出现异常 Error while waiting for Protractor to sync with the page: "[ng:test] http://errors.angularjs.org/1.5.8/ng/test" 或 Error: Error while waiting for Protractor to sync with the page: "window.angular is undefined.

test3不打印element visible，间歇性输出error: WebDriverError: no such session (Driver info: chromedriver=2.22.397929 (fb72fb249a903a0b1041ea71eb4c8b3fa0d9be5a),platform=Mac OS X 10.10.5 x86_64)

有趣的是，如果我将browser.get("angularjs.org"); 移动到beforeEach 块，test2 不会抛出错误并输出element visible，而无论browser.get("angularjs.org"); 的位置如何，test1 和 test3 的行为都是相同的。

所以我的问题是

1. 为什么将browser.get("angularjs.org"); 放在beforeEach 块中会使test2 工作，为什么browser.get("angularjs.org"); 的位置不影响test1 和test3？
2. 为什么 test3 不输出element visible？

更新 我通过

修复了test3

1. 从 fn1 返回浏览器承诺
2. 在fn1().then( ... ) 中返回浏览器承诺
3. 将一个额外的 then 子句链接到末尾 (fn1().then().then()) 并调用 done()。

  it("test3", function(done) {
    browser.get('https://www.angularjs.org')
    fn1()
      .then(function(){
          return browser.wait(protractor.ExpectedConditions.visibilityOf(element(by.linkText('Home'))))
        .then(function() {
          console.log("element visible");
        }, function(err) {
          console.log("error: " + err);
        })
      })
      .then(function(){
        done();
      });

    function fn1() {
      return new Promise(function (fulfill, reject){
        return browser.manage().addCookie("abc", "123")
          .then(function() {
            console.log("set cookie");
            fulfill();
          }, function(err){
            console.log("error in fn1: " + err);
          })
      });
    }
  })

Answer 1

首先如果你通过browser.get('angularjs.org') 你应该得到一个webdriver 异常Failed: Target URL angularjs.org is not well-formed. 你没有得到这个异常。我认为您使用的是旧版本的 Protractor。

当我将 url 更改为 browser.get('https://www.angularjs.org') 并运行您的规范（Firefox 浏览器）时，所有 3 个测试都通过并得到以下输出：

element visible  // 1st test output
..element visible  // 2nd test output
set cookie          
.element visible   // 3rd test output

3 specs, 0 failures
Finished in 8.661 seconds

正如您从上面的输出中看到的，所有三个测试都按预期执行，并且相应地返回了 Promise。您的实现没有任何问题。

Protractor 的 API 完全是异步的并返回承诺，每个任务都在 ControlFlow 中排队。为了了解任务是如何排队的以及控制流是如何工作的，请查看webdriverJS control flow API doc