What is the best way to distinguish between enabled buttons using Protractor?

Question

What is the best way to distinguish between enabled buttons using Protractor?

I am facing a challenge with a table containing 20 buttons. Half of these buttons are disabled while the other half is enabled. I am looking for a way to filter out the enabled buttons and click on each of them using a for loop. The buttons that I want to click have the class "fa fa-check". However, I am struggling with filtering out the disabled buttons.

The disabled buttons have an attribute called 'disabled' with the value 'disabled'. This is the key difference between the enabled and disabled buttons.

            for (var i = 0; i < numberOfRows; ++i) { //numberOfRows
                var button = element.all(by.repeater('tulemus in noue')).get(i);
                button.getAttribute('disabled').then(function(status) {
                    if (I am unsure how to verify the correct status) {
                          $$('.fa-check').get(i).click();
                          console.log('enabled element clicked');
                    } else {
                        console.log(status);
                        console.log('element is disabled');
                    }
                });
            }

Here is the HTML code for two buttons

javascript angularjs selenium-webdriver protractor

Answer 1

Answer №1

If you want to loop through array elements in JavaScript without using a traditional for loop, you can utilize the each() function. Take a look at the example code snippet below:

   element.all(by.repeater('tulemus in noue')).each(function(button,index){
            button.getAttribute('disabled').then(function(status) {
                if(!status&&index=0){
                  button.click();//click if button is enabled
                 }
               else {
                    console.log(status);
                    console.log('element is disabled');
                }
            });
        });

Answer 2

If you want to loop through array elements in JavaScript without using a traditional for loop, you can utilize the each() function. Take a look at the example code snippet below:

   element.all(by.repeater('tulemus in noue')).each(function(button,index){
            button.getAttribute('disabled').then(function(status) {
                if(!status&&index=0){
                  button.click();//click if button is enabled
                 }
               else {
                    console.log(status);
                    console.log('element is disabled');
                }
            });
        });

Answer 3

Answer №2

Another way to accomplish this is by utilizing the filter() method:

element.all(by.repeater('result in list')).filter(function(item){
  return item.isEnabled().then(function(isEnabled){
       return isEnabled;
    })
 }).each(function(enabledItem){
       enabledItem.click();
 })

Answer 4

Another way to accomplish this is by utilizing the filter() method:

element.all(by.repeater('result in list')).filter(function(item){
  return item.isEnabled().then(function(isEnabled){
       return isEnabled;
    })
 }).each(function(enabledItem){
       enabledItem.click();
 })

Answer 5

Answer №3

Try implementing the isEnable protractor function in your code to determine if a button is enabled or not. Here's how you can apply it:

var enabledButtons = element.all(by.repeater('tulemus in noue'))
.filter(button => { return button.isEnabled() });

This will give you an array of elements containing all the enabled buttons on the page. You can then work with these buttons or continue filtering them further. For instance, you can filter only the visible buttons like this:

var visibleButtons = enabledButtons.filter(button => { return button.isDisplayed() }));

I hope this information proves useful for your implementation. Good luck!

Answer 6

Try implementing the isEnable protractor function in your code to determine if a button is enabled or not. Here's how you can apply it:

var enabledButtons = element.all(by.repeater('tulemus in noue'))
.filter(button => { return button.isEnabled() });

This will give you an array of elements containing all the enabled buttons on the page. You can then work with these buttons or continue filtering them further. For instance, you can filter only the visible buttons like this:

var visibleButtons = enabledButtons.filter(button => { return button.isDisplayed() }));

I hope this information proves useful for your implementation. Good luck!

What is the best way to distinguish between enabled buttons using Protractor?

Answer №1

Answer №2

Answer №3

Similar questions

Using MediaQuery from react-responsive to selectively hide individual JSX attributes

Shorten Text - React Native

What is the best way to implement onChange for multiple form fields in Reactjs?

Use JavaScript to swap out images

JavaScript function is returning 'undefined' instead of an integer

What is the best method for showcasing two images side by side in a column layout?

The Ajax response fails to update my viewmodel

It seems that BeautifulSoup and Selenium are unable to locate the div or text elements on the website

Navigating with Link in React Router DOM v5 to successfully pass and catch data

`How can I utilize Python Selenium to enlarge an Angular custom element with shadow DOM?`

Sending CSV files to users using MEANJS

Trouble with React Material Select Options Failing to Populate

Adjust the start and end dates of the Bootstrap datepicker according to the chosen value

Interactive Navigation Bar in JavaScript

Is the Date Epoch a reliable form of unique identification?

Using jQuery to efficiently handle dynamically added elements by combining the ".on" and ".each" methods

Error: The JS Exception has not been handled, as it is stating that 'undefined' is not an object when evaluating 'global.performance.now' in react-native-tvOS

A method for increasing a counter using only an instance of a class or function without accessing its methods or properties in Javascript

Using jQuery, retrieve the "select" element within a specific row of a

Save the data in Redux and access it back