Angular 2/4量角器调试e2e测试

时间:2018-04-15 14:50:36

标签: angular debugging protractor

我一直在互联网上搜索数小时试图找到一种方法来调试我在Angular 2食谱应用程序上为量角器编写的一些e2e测试(测试存在于spec文件中 - login.e2e-spec .TS)。

我希望能够在我的代码中添加断点并逐步浏览规范文件中的每行代码。

我的机器上安装了节点8.x.x,因此我无法再使用browser.pause功能。

有人知道如何通过使用断点一次单步执行每行来成功调试量角器规格文件吗?

以下是我的测试规范代码: -

import { LoginPage } from './login.po';
import { CommonPage } from '../common/common.po';
import { Navigation } from 'selenium-webdriver';
import { browser } from 'protractor';

describe('angular-two-recipe-app App Login', () => {
  let loginPage: LoginPage;
  let commonPage: CommonPage;

  beforeEach(() => {
    loginPage = new LoginPage();
    commonPage = new CommonPage();
  });

  it('should successfully display the login page', async () => {
    //debugger;
    loginPage.navigateTo();
    browser.debugger();
    browser.manage().window().setSize(1680, 1050);
    expect(loginPage.getUsernameInputBox()).toBeTruthy();
    expect(loginPage.getPasswordInputBox()).toBeTruthy();
    expect(loginPage.getSubmitButton()).toBeTruthy();
    expect(loginPage.getUsernameInputBoxValue()).toBe('');
    expect(loginPage.getPasswordInputBoxValue()).toBe('');
  });  
});

1 个答案:

答案 0 :(得分:1)

量角器API有一个可以使用的调试器方法。 http://www.protractortest.org/#/api?view=ProtractorBrowser.prototype.debugger

例如:

it('clicks a link', async () => {
    await element(by.css('#link')).click();
    browser.debugger();
    // ...some other action
});