使用量角器和远程api进行AngularJS e2e测试

Question

我想测试严重依赖于API的Angular应用程序。 该API正在与phpunit分开进行测试，我们正在创建固定装置，因此理想情况下，我希望不必在Angular中创建另一组模拟固定装置。 我现在仅在Chrome驱动程序中使用量角器。

首先，我必须通过不是Angular应用程序的页面登录。

然后，我转到一个页面，该页面显示带有ng-if='loadingCards'的加载器，并隐藏带有ng-if='!loadingCards' ，然后在API检索卡的调用完成时， loadingCards的值翻转。

以下是测试规格的开始，它可以帮助您完成非角度登录，然后转到卡列表页面。 我要做的就是看cards $ scope变量的内容，以查看API确实返回了一些东西，但是我总是得到一个空数组。

describe('User cards page', function() {
  var driver;
  var ptor;

  beforeEach(function() {
    ptor = protractor.getInstance();
    ptor.ignoreSynchronization = true;
    browser.ignoreSynchronization = true;
    driver = ptor.driver;
  });

  it('should login', function() {
    driver.get('http://local.local.com/login');
    driver.findElement(protractor.By.name('_username')).sendKeys('admin');
    driver.findElement(protractor.By.name('_password')).sendKeys('admin');
    driver.findElement(protractor.By.css('input[type="submit"]')).click();
  });

  it('should list cards', function() {
    browser.get('http://local.local.com/cms/cards');

    var ucards = element.all(by.repeater('card in cards')).then(function(cards) {
        console.log(cards);
    });
    //expect(ucards.count()).toEqual(3);
  });
});

Answer 1

可能在进行登录的it（）后面跟随进行卡计数检查的it（）。 我建议将登录部分移至beforeEach。

如果这不起作用，也许ptor.sleep（300）可能会有所帮助。 将其放在页面的browser.get（）下方。 api可能没有返回值。

Answer 2

我认为您正在混淆两件事。 您可以写：

element.all(by.repeater('card in cards')).then(function(cards) {
    console.log(cards);
});

要么：

var ucards = element.all(by.repeater('card in cards'));
ucards.then(function(cards) {
    console.log(cards);
});

但是你们两者都在做。

你有什么错误吗？ 您可以检查当前的网址吗？

expect(browser.getCurrentUrl()).toEqual('http://local.local.com/cms/cards');

问候！

Answer 3

Walter通过使用sleep命令帮助我延长了chromedriver iwndow的打开时间，从而帮助我进行了调试，因此我可以看到所使用的URL不正确。 再创建一个测试。 关闭这个。