javascript - 错误后如何停止循环“FOR”

Question

这是我的 javascript 代码（在 Selenium IDE 中，为清楚起见添加了换行符和缩进）： 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';
    }
} 

| 测试结果

我需要检查所有输入的颜色。但是 Selenium Ide 只存储最后一个“INPUT”的测试结果。我确定在测试中间有错误。请帮忙。对不起，我的英语不好

Answer 1

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

Answer 2

您应该修改的内容：

• testResult被赋予默认值
• abreak在测试失败时添加以停止for循环
• 区分您是在处理收音机、复选框还是其他类型的输入

这是您更新的代码：

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
        }
    }
}