我如何检测太鼓 js 中的按钮答案

【问题标题】：How can i detect a button in taiko js我如何检测太鼓 js 中的按钮
【发布时间】：2019-09-16 10:20:20
【问题描述】：

我正在尝试在我的简单 Angular 页面上检测一个按钮。检查按钮是否存在时，它总是返回 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>

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

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

【问题讨论】：

标签： javascript ui-automation getgauge

【解决方案1】：

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

【讨论】：

FWIW，上面的提交似乎被合并了

【解决方案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(); });

【讨论】：