量角器：by.model 在自定义指令中找不到元素

Posted 2023-03-13

【中文标题】量角器：by.model 在自定义指令中找不到元素

【英文标题】：Protractor: by.model can't find element inside custom directive

【发布时间】：2018-12-08 18:28:16

【问题描述】：

我有这个 AngularJS 项目，其中有一个复杂的 html 布局。

<div id="ngView" class="container-fluid">
    <input type="text" ng-model="model.test"></input>
    <div ng-view></div>
    <br><br>
</div>

model.test 被 element(by.model('model.test')) 成功找到。

在 ng-view 中，我加载了不同的组件。其中一个组件，加载另一个 html 指令，这个：

<div class="trans-edit" ng-if="$root.editing"> 
    <edit-task task="$root.task " editando="$root.editing " 
     reload="$root.getData" class="trans-edit">
    </edit-task> 
</div>

其中的结果是：

<edit-task task="$root.task " editing="$root.editing " reload="$root.getData" class="trans-edit ng-isolate-scope">
<div class="modal-header">
    <div class="row">
        <div class="col-md-6 col-xs-12">
            <h3 class="modal-title ng-binding">Create task</h3>
        </div>
        <div class="col-md-6 col-xs-12">
            <input type="text" ng-model="task.desTask" class="form-control input-lg ng-pristine ng-untouched ng-valid">
        </div>
        ... it goes on .... </div> 

即使在等待角度或设置等待时间之后，我也无法使 element(by.model('task.desTask')) 工作。量角器总是失败：

失败：使用定位器找不到元素：by.model("task.desTask")。

我是新手，仍在学习 e2e 测试，但这是 很长的测试过程失败了，我找不到关于 指令和量角器的问题。

我尝试在自定义指令内的元素中添加 id，但找不到。似乎系统对自定义 HTML 标签<edit-task></edit-task> 下的所有内容都视而不见。

任何帮助都会很棒，使用 by.model 对这个项目至关重要。

【问题讨论】：

第二个模型动作是由第一个触发的吗？

尝试检查是否显示此模型。有时模型未加载。 element(by.model('task.desTask')).isDisplayed().then(function(isPresent) if(isPresent) element(by.model('task.desTask')).click(); );

在寻找元素之前检查是否需要切换框架。

打扰一下，您能帮我转转吗？我已经为其他一些项目编写了一些 e2e 测试，而且我从来不需要“更改”我正在寻找的开关来找到一个元素。我只需要使用定位器。

Anil Kumar：元素显示出来了，我可以看到。如果我输入您的代码，它仍然无法找到 task.desTask 模型。 demouser123：如果第二个模型你指的是任务，任务是指令范围内的模型，它被加载到主html中：<div class="trans-edit" ng-if="$root.editing"> <edit-task task="$root.task " editando="$root.editing " reload="$root.getData" class="trans-edit"></edit-task> </div>这个sn-p生成我发布的第一个sn-p。

【参考方案1】：

原来项目中的 angularjs 错误导致指令无法正确呈现，因此 element(by.model()) 不起作用。感谢大家的帮助。