具有数据属性的选择器

问题描述

我在为具有data-qa属性的按钮创建选择器时遇到麻烦。参见html：

<div class="stepsInfo_children__4knGx"><button type="button" class="steps_stepsButton__3Ykpu" data-qa="next-design">

我尝试了此实现，但未成功（来自官方文档）： this.nextDesign = Selector("div").withAttribute("data-qa","next-design");

解决方法

亚历克斯是对的，你错过了它实际上是一个按钮。

或者您可以避免使用withAttribute()并创建以下选择器：

this.nextDesign = Selector('[data-qa="next-design"]');

它有点短，这可能会使它更具可读性。

,

您尝试为按钮创建选择器，但为 div元素创建选择器。看起来您的意思是这样：

this.nextDesign = Selector("button").withAttribute("data-qa","next-design");