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

Question

我正在尝试检测我的简单 angular 页面上的按钮。在检查按钮是否存在时，它总是 returns false 而文本搜索总是 return 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>

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

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

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(); });

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

How can i detect a button in taiko js

javascript

ui-automation

getgauge