Protractor 清除下拉菜单

Question

在执行 Protractor 测试时，我想清除下拉菜单。我知道如何在下拉列表中选择特定选项。怎么清除？

下拉列表是表单的一部分。下拉选项的值通过 ajax 调用加载。所以，选择看起来像这样。

<select>
  <option>First Value</option>
  <option>Second Value</option>
<select>

现在，加载表单时，没有选择任何值。但是，一旦选择了一个值，就无法将其清除(即使手动清除)，因为这是必填字段。只能从下拉列表中选择替代值。

不过，我想做第二个测试，检查这个字段的值是否为空(没有选择)。为此，我必须清除下拉菜单。 Protractor 有提供方法吗？

假设我出于某种原因无法更改测试顺序。

目前，我重新加载整个表单以清除下拉列表。

Answer 1

如果无法输入下拉列表，使用 Protractor 清除下拉列表的唯一方法是在用户选择“第一个值”或“第二个值”之前，在下拉列表中添加一个选项作为默认选择。这也可以是一个空白选项，如您所愿

像这样:

<select>
    <option></option>
    <option>First Value</option>
    <option>Second Value</option>
</select>

然后通过选择第一个选项

element.all(by.tagName('option')).get(0).click();

这应该能让您获得预期的效果。让我知道这是否有帮助!