我怎样才能发现taiko js中的按钮？

Question

我正试着在我的简单的角度页上探测到一个按钮。在检查按钮是否存在时，它总是返回false，而文本搜索总是返回true。

console.log(await button('New Page').exists()); - false
console.log(await button(below('title')).exists()); - true
console.log(await text('New Page').exists()); - true

html组件看起来有点像这样。

<button class="new-page-button" routerlink="/next" tabindex="0">
<span class="mat-button-wrapper"> New Page </span>
<div class="mat-button-ripple mat-ripple" matripple=""></div>
<div class="mat-button-focus-overlay"></div>
</button>

我希望taiko中的按钮功能能够检测到带有文本"New Page“的按钮。

关于这个话题，没有多少帮助。任何帮助都将不胜感激。

Answer 1

目前，taiko不搜索具有匹配文本的子元素的按钮。对于同样的问题，还有一个悬而未决的问题。请跟随https://github.com/getgauge/taiko/pull/833获得关于这个问题的最新消息。

Answer 2

截至今天，即2020年1月14日，我使用的是规范# 1.0.6，并且能够找到查询中提到的带有子标记的按钮，所以我希望它能够用新的请求进行更新。这就是我的HTML代码的样子：<button _ngcontent-lyu-c3="" class="full-width loginButton mat-raised- button mat-primary ng-star-inserted" color="primary" mat-raised-button="" mattooltip="Login with Okta" aria-describedby="cdk-describedby-message-35" cdk-describedby-host="" style="touch-action: none; user-select: none; - webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"> <span class="mat-button-wrapper"> Login with Organization </span><div class="mat-button-ripple mat-ripple" matripple=""></div><div class="mat- button-focus-overlay"></div></button>

这是我的第一步：* Login page should have "Login with Organization" button

我可以在我的step实现中识别如下：step("Login page should have <arg0> button", async function(arg0) { await button(arg0).exists(); });