Using a boolean as the return value instead of using success or failure in Protractor

Question

Using a boolean as the return value instead of using success or failure in Protractor

I am currently working on a feature that involves determining whether a logged-in user is a customer of a specific company. In the interface, there is a div that displays the manager ID if the user logging in is a manager, otherwise it redirects them to the login screen. I need to implement conditional testing to check if the account ID belongs to a customer or a manager and take different actions based on the result. However, when the test fails, instead of returning a false result, it gets stuck waiting for an answer.

.then(browser.executeScript('return window.find("isCompany:true");')), 
.then(function () {
        return expect(browser.wait(EC.textToBePresentInElement(element(by.id("url")), qr), wait)).toBe(true);
    }, function () {
          ....
    });

javascript angularjs webdriver protractor

Answer 1

Answer №1

section, it appears that resolving the promises returned by browser.wait() is necessary. This can be achieved by using the following code snippet:

browser.wait(EC.textToBePresentInElement(element(by.id("isCompany")), 'true'), wait).then(function () {
    // user is identified as a customer
}, function () {
    // user is not recognized as a customer
});

Answer 2

section, it appears that resolving the promises returned by browser.wait() is necessary. This can be achieved by using the following code snippet:

browser.wait(EC.textToBePresentInElement(element(by.id("isCompany")), 'true'), wait).then(function () {
    // user is identified as a customer
}, function () {
    // user is not recognized as a customer
});

Answer 3

Answer №2

To simplify the process, consider creating a helper function that retrieves the value of

ExpectedConditions.textToBePresentInElement

. This approach eliminates the need to manage promise chaining. I personally utilize a utility class named Utils for achieving a similar goal. Here's an illustration:

Within the Utils class, include the following:

function waitForElementText(element, expectedText) {
    return browser.wait(this.ec.textToBePresentInElement(element, expectedText), this.timeout);
}

If you were to integrate this code snippet into your project, it would look like this:

util.waitForElementText(element, expectedText)
    .then(function (isCompany) {
        if(isCompany) {
           // perform desired action
        } else {
           // take alternate action
        }            
}

Answer 4

To simplify the process, consider creating a helper function that retrieves the value of

ExpectedConditions.textToBePresentInElement

. This approach eliminates the need to manage promise chaining. I personally utilize a utility class named Utils for achieving a similar goal. Here's an illustration:

Within the Utils class, include the following:

function waitForElementText(element, expectedText) {
    return browser.wait(this.ec.textToBePresentInElement(element, expectedText), this.timeout);
}

If you were to integrate this code snippet into your project, it would look like this:

util.waitForElementText(element, expectedText)
    .then(function (isCompany) {
        if(isCompany) {
           // perform desired action
        } else {
           // take alternate action
        }            
}

Using a boolean as the return value instead of using success or failure in Protractor

Answer №1

Answer №2

Similar questions

Which phase is affected by the stopPropagation method?

How can default props be set for a nested object in Vue?

What is the best method to retrieve the initial elements from an array before proceeding to fetch the subsequent ones?

Filtering multiple disordered words using Angular

Refreshing a div using JQuery/Ajax upon an update to a column in a database table

What would you name this particular element?

Looking to create an anchor tag that navigates to a specific ID on the page while accommodating a fixed header placement

Sending a component as a prop to another component

I'm experiencing difficulties with updating my model while utilizing the ngResource module

Problem with Node.js Sequelize ORM model

The Xrm.Navigation function has not been defined

Reducing the amount of data transmitted through the network with socket.io

When using Node.js with Firebase, information is not stored in the session

Issue with dynamic creation of menu in React Material UI where onClose function is unable to reference a variable inside the function

Encountered a syntax issue when attempting to modify state in React.js

Real estate listing featuring unique symbols

Oh no, there seems to be an issue with accessing the 'map' property in REACT JS. It appears to

Tips for transforming a string into an object using AngularJS

The process of deep copying a Javascript object is not functioning properly within the Vue.js framework

Invoke functions within a separate function