Protractor 量角器如何使用反应式窗体验证下拉选择值

如何使用反应式表单验证下拉列表的选定值，当在下拉列表中选择任何值时，我在HTML页面上看不到任何特定属性：

<span class="content">
  <select formcontrolname="template" id="template" required="" ng-reflect-required="" ng-reflect-name="template" class="ng-pristine ng-valid ng-touched">
<!--bindings={"ng-reflect-ng-for-of": "[object Object],[object Object"}-->
    <option value="81ef59b7-fadb-4bfa-b521-e88819469988" ng-reflect-value="81ef59b7-fadb-4bfa-b521-e88819" class="ng-star-inserted">
 test 
    </option>
    <option value="logo_Header" ng-reflect-value="logo_Header" class="ng-star-inserted">
 Logo Header 
    </option>
  </select>
  <a class="manage-reports" tabindex="0">
    <i class="icon edit-icon icon-sm">
    </i>manage 
  </a>
</span>

试验
徽标标题
管理

我想验证一下，如果我选择

测试

---

下拉列表的选定值/文本应为

“test”

您可以尝试选择该选项，然后在

元素上执行

getText（）

---

expect（select.getText（））.toEqual（'Test'）

您可以尝试选择该选项，然后在

元素上执行

getText（）

---

expect（select.getText（））.toEqual（'Test'）
我不熟悉反应式表单，但类似的逻辑对我来说仍然是一样的——只需打开开发工具，探索选择某个选项时会发生什么变化

有时属性会发生更改，如
value=“selected\u value”
，您需要
。获取元素的属性（“value”）
，然后断言它

有时，
select
包装的文本会发生变化，您需要
.getText（）
我不熟悉反应式表单，但这样的逻辑对我来说仍然是一样的-只要打开开发工具，在选择一个选项时探索发生了什么变化

有时属性会发生更改，如
value=“selected\u value”
，您需要
。获取元素的属性（“value”）
，然后断言它

有时，
select
包装的文本会发生变化，您需要
.getText（）