Ember.js 如何使用木偶师选择元素

好吧，我现在被卡住了。我正在尝试在EmberJS解决方案上实现CucumberJS和Puppeter

我有一个按钮：

{{#ao-button data-test-button-view-related-payments-requests="true" isFluid=true size="large" type="primary" action=(route-action 'viewRelatedRequests' upload)}}<span class="ao-button__label" >View Related Payment Requests</span>{{/ao-button}}

我得到：

Error: No node found for selector: [data-test-button-view-related-payments-requests="true"]

---

我做错了什么？

必须启用自定义数据-*属性才能将它们传递给组件。这是通过扩展组件，然后添加属性绑定来实现的。请参阅指南的一部分。例如：

import LinkComponent from '@ember/routing/link-component';

export default LinkComponent.extend({
  attributeBindings: ['data-toggle', 'lang']
});

---

看起来您使用了余烬测试选择器？它们将自动从生产版本中删除。这就是我的想法。我不是——我是在尝试用黄瓜和木偶演员。Ember测试选择器插件实际上是针对Ember单元测试框架的。我正在开发一个BDDUI测试框架。我在文档指南中也看到了这个示例。我想我正在寻找有关ember组件数据-属性绑定的指导。您是否尝试过像本例中所示扩展该组件？发生了什么事？我让它工作了-我把一个延迟等待延迟4000；-我想它还没有完成渲染。我想知道是否有办法等待渲染完成？@HuckleberryCarignan组件中有一个didRender挂钩可以工作。超时将导致测试套件出现问题。如果必须保持超时，我建议使用ember并发。此外，对于将来的调试，在测试中使用断点和检查DOM或返回pauseTest可以帮助很多人接受建议。我不确定如何在ember的运行时之外访问didRender钩子。我怎样才能通过木偶演员的电话访问这个？

import LinkComponent from '@ember/routing/link-component';

export default LinkComponent.extend({
  attributeBindings: ['data-toggle', 'lang']
});