Question

Here is my javascript code (in Selenium IDE, with newlines and indentation added for clarity): storeEval |

var input = window.document.getElementsByTagName('input');
for(var i = 0; i<input.length; i++)  {
    if(window.document.defaultView.getComputedStyle(input[i]).getPropertyValue('background-color') == 'rgb(204, 230, 255)') {
        testResult='passed';
    } else {
        testResult='failed';
    }
} 

| testResult

I need to check color of all inputs. But Selenium Ide stores the result of test only from the last “INPUT”. I’m sure there are errors in the middle of the test. Help please. Sorry for my bad english

Answer 1

What you should modify:

• testResult is given a default value
• a break is added when the test fails in order to stop the for loop
• discriminate whether you are dealing with a radio, checkbox or other type of input

Here’s your code updated:

var input = window.document.getElementsByTagName('input'); 
testResult = 'passed'; // <-- set a default value for 'testResult'
for (var i = 0; i < input.length; i++) {
    var bgColor = window.document.defaultView.getComputedStyle(input[i]).getPropertyValue('background-color');
    var inputType = input[i].type;

    if (inputType === 'radio' || inputType === 'checkbox') {
        if (bgColor !== 'rgb(r, g, b)') { // change the value to the desired one
            testResult = 'failed';
            break; // <-- this is what you need to break the 'for' loop
        }
    }
    else {
        if (bgColor !== 'rgb(204, 230, 255)') {
            testResult = 'failed';
            break; // <-- this is what you need to break the 'for' loop
        }
    }
}