Question

好的，我目前处于困境。我正在尝试在EmberJS解决方案上实现CucumberJS和Puppeteer。

我有一个emberjs按钮：

{{#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}}

并且我添加了一个HTML属性：data-test-button-view-related-payments-requests =“ true”

当我尝试tp时选择它：

await this.page.click('[data-test-button-view-related-payments-requests="true"]');

我得到：

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

我在做什么错了？

Answer 1

必须启用自定义数据-*属性，才能将它们传递给组件。这是通过扩展组件，然后添加属性绑定来完成的。请参阅《指南》中的this section。示例：

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

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

如何使用操纵up选择EmberJS元素

1 个答案: