如果在量角器js中找到相同的类列表，则按文本选择下拉选项

Question

我正在使用量角器和javasript。我的页面有 3 个相同类"图像编辑器"的下拉列表。我想选择第二个下拉列表，然后单击选项说"包"，方法是将文本作为参数传递。我希望不同的 xpath 和 css 执行选择选项。

<div class="imageeditor">
<select class="form-control m-b-sm">
<option>Select Image Style</option>
<option value="image-panel">Panel</option>
<option value="image-package-panel">Package</option>
<option value="image-open-panel">Open</option>
</select>
</div>
<div class="imageeditor">
<select class="form-control m-b-sm">
<option>Select Image Style</option>
<option value="image-panel">Panel</option>
<option value="image-package-panel">Package</option>
<option value="image-open-panel">Open</option>
</select>
</div>
<div class="imageeditor">
<select class="form-control m-b-sm">
<option>Select Image Style</option>
<option value="image-panel">Panel</option>
<option value="image-package-panel">Package</option>
<option value="image-open-panel">Open</option>
</select>
</div>

Answer 1

您可以通过索引获取所需的select元素：

var desiredImageEditor = $$(".imageeditor select").get(1);

现在，为了选择一个选项，您有多种方法可以这样做。一种是通过类名选择内部选项并单击它：

var desiredOption = desiredImageEditor.$("option.image-package-panel");
desiredImageEditor.click();  // open up dropdown
desiredOption.click();

或者，也可以只将密钥发送到select元素：

desiredImageEditor.sendKeys("Package");

还有这种对select和option的方便抽象。