Running Protractor tests can be frustratingly sluggish and frequently result in timeouts

Question

Running Protractor tests can be frustratingly sluggish and frequently result in timeouts

After spending most of the afternoon struggling with this test, I've tried different approaches but none seem to work. The task at hand is searching for users within the company, generating a table, and selecting the user that matches the name. Currently, I use td.text-center which is not an ideal solution as it could break if there are other users with the same name in the system.

The second attempt seems to be the best solution, but it always returns an error saying the element is not found. Has anyone found a reliable way to locate TD elements within a table? The method I usually use works in other tables, just not this one...

  this.editUser = function(name) {

        // Original Code Block
        //browser.actions().mouseMove(element(by.css('td.text-center'))).perform();
        //var editUserBtn = element(by.css('.user-action-open'));
        //editUserBtn.click().then(function() {
        //    var editDetails = element(by.cssContainingText('li > a', 'Edit Details'));
        //    browser.wait(EC.visibilityOf(editDetails), 3000);
        //    editDetails.click();
        //});


        // Attempt 2

        // browser.actions().mouseMove(element(by.css('td.text-center'))).perform();
        //browser.sleep(3000);
        //var edit = element.all(by.repeater('user in users')).filter(function(rowElement){
        //    return rowElement.element.all(by.css('td[ng-bind="user.Firstname"]')).getText().then(function(text){
        //        return text.trim() == name;
        //    });
        //}).first();
        //browser.actions().mouseMove(edit).perform();


        // Currently just times out and doesn't find the element.

        var editUserButton = $('.user-action-open');
        browser.wait(EC.visibilityOf(editUserButton), 20000).then(function() {
            editUserButton.click().then(function() {
                var editDetails = element(by.cssContainingText('li > a', 'Edit Details'));
                browser.wait(EC.visibilityOf(editDetails), 3000);
                editDetails.click();
            });
        });
    }

javascript html angularjs protractor

Answer 1

Answer №1

Instead of using a fixed wait time of 3 seconds, consider utilizing ExpectedConditions for more efficient waiting. By implementing a browser wait, the script will pause until the specified object reaches the desired state within the timeout period.

    let users = element.all(by.repeater('user in users');

    // The code snippet highlights an element.all method
    // It indicates that multiple first names could be associated with a user
    let firstName = element(by.css('td[ng-bind="user.Firstname"]'));

    browser.actions().mouseMove(element(by.css('td.text-center'))).perform();

    // Wait for the repeater to be present or time out in 3 seconds
    browser.wait(users.isPresent(), 3000);

    let edit = element.all(users).filter((rowElement) => {
      // Wait for the first name and check if it matches the specified name
      // Resolve the promise to true if the conditions are met
      return browser.wait(rowElement.firstName, 3000).then(() => {
        return rowElement.firstName.getText().then((text) => {
          return text.trim() == name;
        });
      });
    }).first();

    browser.actions().mouseMove(edit).perform();

The correct syntax for rowElement.firstName may need to be verified.

Implementing Promise Chaining

  // Wait for the repeater to be present or time out in 3 seconds
  browser.wait(users.isPresent(), 3000).then(() => {
    let edit = element.all(users).filter((rowElement) => {
      // Wait for the first name and check if it matches the specified name
      // Resolve the promise to true if the conditions are met
      return browser.wait(rowElement.firstName, 3000).then(() => {
        return rowElement.firstName.getText().then((text) => {
          return text.trim() == name;
        });
      });
    }).first();

    browser.actions().mouseMove(edit).perform();
  }).catch(err => {
    // Handle any errors or failure cases appropriately
    fail("did not find users"); 
  });

Answer 2

Instead of using a fixed wait time of 3 seconds, consider utilizing ExpectedConditions for more efficient waiting. By implementing a browser wait, the script will pause until the specified object reaches the desired state within the timeout period.

    let users = element.all(by.repeater('user in users');

    // The code snippet highlights an element.all method
    // It indicates that multiple first names could be associated with a user
    let firstName = element(by.css('td[ng-bind="user.Firstname"]'));

    browser.actions().mouseMove(element(by.css('td.text-center'))).perform();

    // Wait for the repeater to be present or time out in 3 seconds
    browser.wait(users.isPresent(), 3000);

    let edit = element.all(users).filter((rowElement) => {
      // Wait for the first name and check if it matches the specified name
      // Resolve the promise to true if the conditions are met
      return browser.wait(rowElement.firstName, 3000).then(() => {
        return rowElement.firstName.getText().then((text) => {
          return text.trim() == name;
        });
      });
    }).first();

    browser.actions().mouseMove(edit).perform();

The correct syntax for rowElement.firstName may need to be verified.

Implementing Promise Chaining

  // Wait for the repeater to be present or time out in 3 seconds
  browser.wait(users.isPresent(), 3000).then(() => {
    let edit = element.all(users).filter((rowElement) => {
      // Wait for the first name and check if it matches the specified name
      // Resolve the promise to true if the conditions are met
      return browser.wait(rowElement.firstName, 3000).then(() => {
        return rowElement.firstName.getText().then((text) => {
          return text.trim() == name;
        });
      });
    }).first();

    browser.actions().mouseMove(edit).perform();
  }).catch(err => {
    // Handle any errors or failure cases appropriately
    fail("did not find users"); 
  });

Running Protractor tests can be frustratingly sluggish and frequently result in timeouts

Answer №1

Similar questions

Guide on updating individual rows in Google App Script using data from a different sheet

Issue with FullCalendar-v4 not displaying all-day events

Tips for keeping a login session active on multiple tabs

Under what circumstances is it possible to iterate through an empty array?

Displaying only the validation messages that are accurate according to the Vuetify rules

Utilizing the JavaScript map method to structure API response data

JavaScript to resize images before uploading without displaying a preview

Images that are automatically generated cannot be interacted with by clicking on them

Pair participants within a game search array

The loading of the module from was hindered due to an invalid MIME type restriction

Is it possible to have dual images as the background for an HTML div?

Rearranging anchor tag order with the power of JQuery

Angular - Automatically create thumbnails for uploaded images and videos

Version 5.0.4 of Mui, when used with makeStyles and withStyles, is experiencing issues with applying styles to Mui

Display items from two different collections next to each other by utilizing two ng-repeat directives

Unable to fetch JSON data, resorting to ngResource

Executing jQuery AJAX requests in a chain with interdependent tasks

Creating the appearance of a white sheet of paper on a computer screen

"activeStyle" attribute consistently being implemented on links within pagesindex.js

What are the different ways to position div containers using CSS?