javascript - 运行 Protractor 测试时出现问题

Question

我是 Protractor 新手。这是我的配置文件

配置:

exports.config = {
seleniumAddress: 'http://localhost:4444/wd/hub',

capabilities: {
    'browserName': 'chrome'
},

specs: ['./protractor-tests/*.js'],

jasmineNodeOpts: {
    showColors: true
}
}

这里我有一个场景，我正在测试登录，用户通过 Outlook 登录，当单击登录时，它会重定向到主页。

登录测试:

exports.login = function() {
describe('Login Test', function() {
    beforeEach(function() {
        browser.get('http://domain/login');
    });
    afterEach(function() {
        browser.ignoreSynchronization = false;
    });
    it('It should redirect to outlook for auth', function() {
        browser.ignoreSynchronization = true;
        var currentUrl;
        browser.getCurrentUrl().then(function(url) {
            currentUrl = url;
        }).then(function() {
            browser.wait(function() {
                return browser.getCurrentUrl().then(function(url) {
                    return url !== currentUrl;
                });
            });
        }).then(function() {
            setTimeout(function() {
                var userName = element(By.xpath('/html/body/div[1]/header/div[1]/section/div[2]/apt-user-profile/div/div/button[1]/span/span'));
                if (userName)
                    expect(browser.getCurrentUrl()).toContain('http://domain/home');
                else
                    expect(browser.getCurrentUrl()).toContain('https://login.microsoftonline.com');
            }, 10000);


        });
    });

    it('It should login into the application and display user as Tom White', function() {
        setTimeout(function() {
            browser.driver.findElement(by.id('cred_userid_inputtext')).sendKeys('tomwhite@gmail.com');
            browser.driver.findElement(by.id('cred_password_inputtext')).sendKeys('****');
            browser.driver.findElement(by.id('cred_sign_in_button')).click();
            var userName = element(By.xpath('/html/body/div[1]/header/div[1]/section/div[2]/apt-user-profile/div/div/button[1]/span/span'));
            expect(userName.getText()).toEqual('Hello Tom White');
        }, 10000);
    });

});
}

这些测试用例实际上工作正常，但是在主页中时，我还需要单击一个将我重定向到其他页面的元素，但它失败并出现错误

  Failed: javascript error: document unloaded while waiting for result

家庭测试:

 var loginPage = require('./loginTest.js');

describe('Home Test', function() {
    loginPage.login();
    it('It should click product', function() {

            var productMenu = element(By.xpath('/html/body/div[1]/headerdiv[1]/section/div[1]/apt-nav-bar/div/div[2]/div[2]/ul/li[2]/a/span'));
            productMenu.click();
            expect(browser.getCurrentUrl()).not.toEqual('http://domain/home');
            expect(browser.getCurrentUrl()).toEqual('http://domain/products');


        })

});

任何帮助将不胜感激。

Answer 1

您的问题是由于没有等待页面执行某些操作。您可以使用 Protractor 提供的 ExpectionConditions 功能来实现显式等待。这是来自 API 的链接.

一个肮脏的解决方案是使用 sleep() 方法，以便执行暂停一段时间，比如 5 秒。因此，您可以尝试 browser.sleep(5000)，这应该会消除该错误。然而，这并不是一个好的解决方案。

编辑 1: Protractor 配置文件中定义的 exports.config 对象的 rootElement 参数必须与包含 ng-app 的元素匹配> 指令。

在您的 protractor-conf.js 中，请添加

rootElement: '.my-app',

当您的 HTML 是:

<div ng-app="myApp" class="my-app">

来源:SO Post .