Automated tests 切换输入类型=";“范围”;机器人框架内

Automated tests 切换输入类型=";“范围”;机器人框架内,automated-tests,robotframework,Automated Tests,Robotframework,我有一个三态切换按钮。这是一个输入类型=范围,我需要为我的应用程序编写自动测试。有人能帮我找到在机器人框架中切换按钮的方法吗?做这些事情有什么关键词吗 以下是我的按钮代码: 功能切换按钮(范围){ var val=范围值; 如果(val==1){ //更改滑块背景的颜色 range.className=“否”; range.id=“收音机号码”; range.checked=true; //更改文本 document.getElementById('span-selector').setAtt

我有一个三态切换按钮。这是一个输入类型=范围,我需要为我的应用程序编写自动测试。有人能帮我找到在机器人框架中切换按钮的方法吗?做这些事情有什么关键词吗

以下是我的按钮代码:

功能切换按钮(范围){
var val=范围值;
如果(val==1){
//更改滑块背景的颜色
range.className=“否”;
range.id=“收音机号码”;
range.checked=true;
//更改文本
document.getElementById('span-selector').setAttribute(“类”,“错误”);
document.getElementById('label-selector').setAttribute(“for”,“radio no”);
}else if(val==2){
//更改滑块背景的颜色
range.className=“中立”;
range.id=“无线电空档”;
range.checked=true;
//更改文本
document.getElementById('span-selector').setAttribute(“类”,“自然图标”);
document.getElementById('label-selector').setAttribute(“for”,“radio-natural”);
}else if(val==3){
//更改滑块背景的颜色
range.className=“是”;
range.id=“收音机是”;
range.checked=true;
//更改文本
document.getElementById('span-selector').setAttribute(“class”,“correct”);
document.getElementById('label-selector').setAttribute(“for”,“radio yes”);
}
}
.radio包装器{
宽度:70px;
显示:内联块;
垂直对齐:中间对齐;
背景:rgba(114191680.4);
边界半径:30px;
位置:相对位置;
左缘:1%;
}
.对{
左:15px;
顶部:-5px;
}
.错了{
右:17px;
顶部:-5px;
}
.中性图标{
左:69px;
顶部:-8px;
不透明度:.5;
}
标签{
z指数:9;
}
输入[类型=范围]{
-webkit外观:无;
保证金:0;
宽度:100%;
填充:0;
大纲:无;
边界:无;
}
输入[类型=范围]:-ms填充下限{
背景:#777;
边界半径:10px;
}
输入[类型=范围]:-ms填充上限{
背景:ddd;
边界半径:10px;
}
输入[type=“range”]:-moz范围轨迹{
背景:无;
边界:无;
}
我{
z指数:99;
字号:18px;
}
.中性图标i{
字体大小:10px;
}
.中性+标签{
显示:内联块;
宽度:20px;
高度:20px;
边界半径:50%;
位置:绝对位置;
左:37%;
转变:转变1s;
}
.neutral::-moz范围拇指,.no样式::-moz范围拇指{
显示:内联块;
宽度:20px;
高度:20px;
边界半径:50%;
背景:rgb(238238238);
背景:-moz线性梯度(顶部,rgba(2382382381)0%,rgba(2042042041)100%);
背景:-webkit渐变(线性、左上、左下、颜色停止(0%,rgba(238、238、238、1))、颜色停止(100%,rgba(204、204、204、1));
背景:-webkit线性梯度(顶部,rgba(238,238,238,1)0%,rgba(204,204,204,1)100%);
背景:-o-线性梯度(顶部,rgba(238,238,238,1)0%,rgba(204,204,204,1)100%);
背景:-ms线性梯度(顶部,rgba(238,238,238,1)0%,rgba(204,204,204,1)100%);
背景:线性梯度(到底部,rgba(2382382381)0%,rgba(2042042041)100%);
-webkit外观:无;
保证金:0;
填充:0;
大纲:无;
边界:无;
}
.是+标签{
显示:内联块;
宽度:20px;
高度:20px;
边界半径:50%;
位置:绝对位置;
左:0;
文本对齐:居中;
}
.yes::-moz系列拇指{
显示:内联块;
宽度:20px;
高度:20px;
边界半径:50%;
背景:rgb(32,213,50);
背景:-moz线性梯度(顶部,rgba(32213,50,1)0%,rgba(28195,1,1)100%);
背景:-webkit渐变(线性,左上,左下,颜色停止(0%,rgba(32,213,50,1)),颜色停止(100%,rgba(28,195,1,1));
背景:-webkit线性梯度(顶部,rgba(32213,50,1)0%,rgba(28195,1,1)100%);
背景:-o-线性梯度(顶部,rgba(32213,50,1)0%,rgba(28195,1,1)100%);
背景:-ms线性梯度(顶部,rgba(32213,50,1)0%,rgba(28195,1,1)100%);
背景:线性梯度(至底部,rgba(32213,50,1)0%,rgba(28195,1,1)100%);
-moz动画持续时间:0.4s;
-moz动画名称:slidein;
-webkit动画持续时间:0.4s;
-webkit动画名称:slidein;
动画持续时间:0.4s;
动画名称:slidein;
-webkit转换:translateZ(0);
-webkit外观:无;
保证金:0;
填充:0;
大纲:无;
边界:无;
}
.编号+标签{
显示:内联块;
宽度:20px;
高度:20px;
边界半径:50%;
位置:绝对位置;
右:0px;
文本对齐:居中;
右边距:0!重要;
}
.no::-moz系列拇指{
显示:内联块;
宽度:20px;
高度:20px;
边界半径:50%;
背景:红色;
-moz动画持续时间:0.4s;
-moz动画名称:slideno;
-webkit动画持续时间:0.4s;
-webkit动画名称:slideno;
动画持续时间:0.4s;
动画名称:slideno;
-webkit转换:translateZ(0);
背景:rgb(230108103);
背景:莫兹线性梯度(顶部,rgba(230,108,103,1)0%,rgba(221,79,75,1)100%);
背景:-webkit渐变(线性,左上,左下,颜色停止(0%,rgba(230,108,103,1)),颜色停止(100%,rgba(221,79,75,1));
背景:-webkit线性梯度(顶部,rgba(230、108、103、1)0%,rgba(221、79、75、1)100%);
背景:-o-线性梯度(顶部,rgba(230,108,103,1)0%,rgba(221,79,75,1)100%);
背景:-ms线性梯度(顶部,rgba(230、108、103、1)0%,rgba(221、79、75、1)100%);
背景:线性渐变(至底部,rg)
Execute JavaScript  C:/Users/user01/Desktop/javascriptcode.js.togglebutton(${range})