如何使用NightwatchJS从下拉列表中选择一个有效的随机值

How to select a valid random value from drop down using NightwatchJS?

本文关键字：一个 有效 随机 NightwatchJS 何使用 下拉列表 选择      更新时间：2023-09-26

我正在尝试使用夜巡自动执行一些UI测试.js，我需要从下拉列表中选择一个随机值，如下所示的代码。

<select class="form-control" name="drop_ddl" id="drop_ddl">
<option value=""></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="11">11</option>
<option value="12">12</option>
</select>

到目前为止，我正在使用一种方法，如果我选择的随机数在下拉选项值中不存在，则我不可靠。

  var drop_ddl=Math.floor((Math.random() * 8) + 1);
  return this.client.click("#drop_ddl option[value='"+drop_ddl+"']");

如果随机数是 6，它没有出现在列表中，它将无法通过进一步的测试。

有没有办法我们可以将值读取到数组中，然后仅从这些可用值中随机选择？

使用 elements 获取所有下拉选项。 

browser.elements('css selector', '#drop_ddl option', function(result) {
        return result.value.length;
    })

现在您已经有了选项的数量，请使用第 n 个子选项选择一个随机选项。

var drop_ddl=Math.floor((Math.random() * optionsLength) + 1);
 return this.client.click("#drop_ddl option:nth-child(drop_ddl)");

如何向选项添加顺序 ID？

<select class="form-control" name="drop_ddl" id="drop_ddl">
<option id="1" value=""></option>
<option id="2" value="1">1</option>
<option id="3" value="2">2</option>
<option id="4" value="3">3</option>
<option id="5" value="4">4</option>
<option id="6" value="7">7</option>
<option id="7" value="8">8</option>
<option id="8" value="9">9</option>
<option id="9" value="11">11</option>
<option id="10" value="12">12</option>
</select>
<script>
var drop_ddl=Math.floor((Math.random() * 10) + 1);
$("#drop_ddl option[id='" + drop_ddl + "']").attr("selected", "selected");
</script>

遇到类似的情况，当您必须选择随机单选按钮时。这有点棘手 - 你不能真正使用:nth-child选择器，因为血腥的混蛋可能会散布到各个地方。在这种情况下，您可以使用：

exports.command = function (selector, value) {
    this
        .elements('css selector', selector, res => {
            if (res.value.length) {
                let random = Math.floor(Math.random() * res.value.length);
                let el = res.value[random].ELEMENT;
                this.elementIdClick(el);
            }
        });
    return this;
};
相关文章：