如何获取 Ember 验收测试列表中的最后一个元素
How to get the LAST element in a list for Ember Acceptance Testing
在编写验收测试时,有没有人碰巧知道如何 select 列表中的最后一个元素?我正在测试将新记录添加到列表的行为,并希望 edit/delete 在我的测试中新创建的记录。
我试过 select 像这样新创建的记录....
let newRecordLink = find('div.parent-list .list-group-item').last();
click(newRecordLink);
哪种方式有效。它拉出最后一个元素,但它脱离了我的测试,突然间我进入了我正在尝试测试的应用程序的实际页面,而不是留在测试容器中。
这是相关的 HBS 代码:
<div class="list-group parent-list">
{{#each model.owners as |item|}}
{{#link-to 'client.members.edit-owner' item.id class="list-group-item" id=item.id}}
<h4 class="list-group-item-heading">
{{item.firstName}} {{item.lastName}}
</h4>
{{/link-to}}
{{/each}}
</div>
如果它是一个 ember 数组,你可以使用 .get('lastObject')
您可以使用 :last
选择器 (https://api.jquery.com/last-selector/)
click('div.parent-list .list-group-item:last')
在编写验收测试时,有没有人碰巧知道如何 select 列表中的最后一个元素?我正在测试将新记录添加到列表的行为,并希望 edit/delete 在我的测试中新创建的记录。
我试过 select 像这样新创建的记录....
let newRecordLink = find('div.parent-list .list-group-item').last();
click(newRecordLink);
哪种方式有效。它拉出最后一个元素,但它脱离了我的测试,突然间我进入了我正在尝试测试的应用程序的实际页面,而不是留在测试容器中。
这是相关的 HBS 代码:
<div class="list-group parent-list">
{{#each model.owners as |item|}}
{{#link-to 'client.members.edit-owner' item.id class="list-group-item" id=item.id}}
<h4 class="list-group-item-heading">
{{item.firstName}} {{item.lastName}}
</h4>
{{/link-to}}
{{/each}}
</div>
如果它是一个 ember 数组,你可以使用 .get('lastObject')
您可以使用 :last
选择器 (https://api.jquery.com/last-selector/)
click('div.parent-list .list-group-item:last')