我有一个指令,它在单元测试中呈现以下html:
<div id="published-envs">
<strong>Published to</strong>
<!-- ngRepeat: env in fundConfigurationVersion.publicationEnvironments --><div data-ng-repeat="env in fundConfigurationVersion.publicationEnvironments" class="ng-binding ng-scope">
QA (Jan 29, 2015)
</div><!-- end ngRepeat: env in publicationEnvironments --><div data-ng-repeat="env in publicationEnvironments" class="ng-binding ng-scope">
PROD (Jan 30, 2015)
</div><!-- end ngRepeat: env in publicationEnvironments -->
</div>
我试图抓住<div id="published-envs">
并断言它有两个孩子<div>
在里面。
我已经尝试了以下方法,但它不起作用: var environments = element.find('#published-envs'); //comes back empty
在角度单元测试中通过 id 查找元素的正确方法是什么?
根据Angular Element Docs,.find()
仅限于按标记名称查找
尝试
var environments = angular.element(document.getElementById('published-envs')).find('div');
JSFiddle 示例
编辑
对于编译的标记,本质上是一样的,只是注入$compile
服务并按如下方式使用
var comipledEnvironments = $compile(angular.element('<div id="published-envs"><div></div><div></div></div>'))($scope).find('div')
console.log(comipledEnvironments); // 2 <div>'s