Question

我正在尝试运行一个简单的测试，但是由于量角器试图与页面同步，所以测试失败了，但是由于它不在Angular中而无法运行。有什么想法需要改变吗？

配置文件：

 exports.config = {
    allScriptsTimeout: 11000,

    specs            : [
     './src/**/*.e2e-spec.ts',
     '/pages/**/*.Tracker_pageobject.ts',   
   ],

    capabilities     : {
        'browserName': 'chrome'
    },
    directConnect    : true,
    baseUrl          : 'http://localhost:4200/',
    useAllAngular2AppRoots: true,
    framework        : 'jasmine',

规格文件：

describe('Test Application', () => {
beforeEach(() => {
    browser.waitForAngularEnabled(false);
    browser.driver.get(environment.url + "/login");
    browser.driver.manage().window().maximize();
    browser.waitForAngularEnabled(true);
});


it('should not open login page when user enters invalid Username & Password', () => {
    var loginpage = new dashboard();
    browser.sleep(2000);
    loginpage.userName('abc');
    browser.sleep(2000);
    loginpage.password('cde');
    loginpage.loginbtn();
    element(by.className('mat-error ng-tns-c33-4 ng-star-inserted')).getText().then(function(value){
      browser.waitForAngular();
      browser.sleep(5000);
      console.log(value);
     });
    browser.sleep(5000);
 });
 it('should not open login page when user enters spaces', () => {
   browser.sleep(5000);
   var loginpage = new dashboard();
   loginpage.userName(' ');
   browser.sleep(2000);
   loginpage.password(' ');
   loginpage.loginbtn();
   element(by.className('mat-error ng-tns-c33-4 ng-star-inserted')).getText().then(function(value){
    browser.waitForAngular();
    browser.sleep(5000);
    console.log(value);
   });
   browser.sleep(5000);
 });

登录页面（POM）.ts

import { browser, by, element } from 'protractor';
var loginpage = function(){
var userNamefield = element(by.css("input[formcontrolname = 'email']"));
var passwordfield = element(by.css("input[formcontrolname = 'password']")); 
var loginbutton = element(by.xpath('//*[@id="login-form"]/form/button'));
var logoutbtn = element(by.xpath('//*[@id="main-navigation"]/fuse-nav-vertical-group/div[1]/ul/li[3]/a'));
this.userName = function(vusername){
    userNamefield.sendKeys(vusername);
};

this.password = function(vpassWord){
    passwordfield.sendKeys(vpassWord);
};

 this.loginbtn = function(btn){
     loginbutton.click();
};

获取以下消息：失败：等待量角器与页面同步时出错：“ angularJS可测试性和角度可测试性均未定义。这可能是因为这是非角度页面，或者因为您的测试涉及客户端导航，所以干扰量角器的引导。有关详细信息，请参见http://git.io/v4gXM

任何帮助将不胜感激

Answer 1

从规范browser.waitForAngularEnabled(....);中的BeforeEach()删除所有行。并将browser.waitForAngularEnabled(false);添加到onPrepare()文件的protractor.conf部分

Answer 2

更改此块：

beforeEach(() => {
    browser.waitForAngularEnabled(false);
    browser.driver.get(environment.url + "/login");
    browser.driver.manage().window().maximize();
    browser.waitForAngularEnabled(true);
});

对此：

beforeEach(() => {
    browser.waitForAngularEnabled(false);
    browser.driver.get(environment.url + "/login");
    browser.driver.manage().window().maximize();
});

您不需要等待Angular。另外，您可能需要研究Selenium中的Explicit waiters。

无法在e2e量角器Angular 2上运行自动化测试用例

2 个答案: