如何通过属性选择定位器，点击data-available=true或data-allocation≠0的元素？

直接用属性选择器定位目标元素 #

不用依赖testIdAttribute配置，直接通过CSS或XPath选择器，同时匹配两个库存条件：

1. CSS选择器方案 #

匹配data-available="true" 或者 data-allocation不为0的div元素：

div[data-available="true"], div[data-allocation]:not([data-allocation="0"])

以Cypress为例，调用点击的代码：

cy.get('div[data-available="true"], div[data-allocation]:not([data-allocation="0"])').click();

2. XPath选择器方案 #

如果习惯用XPath，对应的表达式如下：

//div[@data-available="true" or @data-allocation != "0"]

Cypress中使用XPath的示例代码：

cy.xpath('//div[@data-available="true" or @data-allocation != "0"]').click();

之前方法失败的原因 #

配置testIdAttribute为data-available后，调用data-available('true')不符合测试框架的API逻辑——多数框架（如Cypress、Playwright）的testId定位方法，是基于配置属性直接传值（比如cy.getByTestId('true')），但这种方式只能匹配单一属性，无法处理或逻辑，灵活性远不如直接用属性选择器。

额外提示 #

• 若页面存在多个符合条件的元素，需结合父元素class、其他属性缩小范围，避免误点击
• 确保点击前元素处于可见、可交互状态，必要时添加等待或断言

内容的提问来源于stack exchange，提问作者Aurélie Pilette