javascript - 我如何检测太鼓 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>

我希望太鼓中的按钮功能能够检测到带有文本“新页面”的按钮。

围绕这个主题没有太多帮助。任何帮助将非常感激。

Answer 1

目前，taiko 不搜索具有匹配文本的子元素的按钮。同样有一个未解决的问题。请关注https://github.com/getgauge/taiko/pull/833以获取有关该问题的更新。

Answer 2

截至今天，2020 年 1 月 14 日，我正在使用 Gauge # 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("Login page should have <arg0> button", async function(arg0) { await button(arg0).exists(); });