angularjs - Protractor 定位器可以用于测试 Angular JS 中的指令吗

Question

我有以下 HTML，它使用一个指令来自动完成 2 个输入字段，以及一个下拉菜单和一个按钮。

我想知道使用 Protractor 定位器测试起始和终止字段的最佳方法是什么？理想情况下我们不想使用 css，因为它可能很脆弱。是否需要将其包装在 html 中以使其更易于测试？

<div>
  <form>
    <span>FROM</span><span>
    <div data-ba-auto-complete field="route.data.from"></div>
    <span>TO</span>
    <div data-ba-auto-complete field="route.data.to"></div>
    <span>Trip Type</span>
    <select data-ng-model="route.data.flightType" data-ng-options="flightType for flightType in route.data.flightTypeOptions"></select>
    <input type="button" value="Search" data-ng-click="route.submitData()";>
  </form>
</div>

Answer 1

一般来说，这是您不应该使用 Protractor 解决的问题。 Protractor 通常用于不同的更高级别，您可以在真实浏览器中模拟真实用户，而不是深入了解被测应用程序的构建方式以及它包含哪些组件。

用单元和集成测试覆盖它，查看更多信息和示例:

• Testing Directives
• Recipes with Angular.js: Testing Directives