angularjs - Protractor 测试失败，因为添加 ng-if 指令后出现 ElementNotVisibleError

Question

我有一个 web 元素，测试能够找到它，直到我们将 ng-if 指令引入到它。现在我的测试无法找到 web 元素:

ElementNotVisibleError: element not visible

<select ng-if="tasktypepermission" id="elementType" ng-model="task.elementType" ng-options="key as value for (key, value)  in elementTypeoptions" name="elementType" class="span3 ng-scope ng-pristine ng-valid errorForInput" data-trigger="blur focusout" tasknumber-validator="" ng-disabled="task.id">
    <option class="blank" value="">Select</option>
    <option value="1">Val1</option>
    <option value="2">Val2</option>
    <option value="3">Val3</option>
</select>

我访问元素的方式是:

var taskType    = function(){ return element(by.id('elementType'));};

我应该怎么做才能让它发挥作用？我对 Protractor 甚至前端测试都很陌生，所以请多多包涵。

Answer 1

我建议尝试使用 elementExplorer。您可以尝试以多种方式(通过类、名称、ng-模型)找到请求的元素。它可以使事情更清楚 - 特别是如果您不熟悉 Protractor 。如果您不知道如何使用它，请告诉我。