如何使用 nightwatch.js 或 javascript 列出具有共同属性值的相同元素？

Question

我在 nightwatch.js 工作，负责 Web 应用程序的自动化测试，我正在努力制作一个在属性中具有共同值的元素列表，我正在编写如下元素示例。

具有公共属性值的前三个跨度："data-annotation-id"

<span class="my-note" data-annotation-id="580ss7ze8457f65119v54g32">first span</span>
<span class="my-note" data-annotation-id="580ss7ze8457f65119v54g32">second span</span>
<span class="my-note" data-annotation-id="580ss7ze8457f65119v54g32">Third span</span>

以上span属性（data-annotation-id）值为："580ss7ze8457f65119v54g32"

第二个具有公共属性值的两个跨度："data-annotation-id"

<span class="my-note" data-annotation-id="569dd7fe6092b62008b73b49">Fourth span</span>
<span class="my-note" data-annotation-id="569dd7fe6092b62008b73b49">Fifth span</span>

以上span属性（data-annotation-id）值为："545yd6gd8265g7584g5s25"

我尝试了以下方法来收集所有具有 data-annotation-id 属性的公共值但它不起作用的跨度。

client.getText('.my-class', function(result) {
   client.expect.element('.my-class').to.have.attribute('data-attr').which.matches(/^something\ else/);
});

以下语法将不起作用，因为我不知道 data-annotation-id 的值。那么有什么方法可以使用 Nightwatch.js 或 javascript 获得所需的结果吗？

client.expect.element('.my-class').to.have.attribute('data-attr').which.matches(/^something\ else/);

Answer 1

我已经使用以下代码行完成了。

//using this line we are getting the number of spans in page.
client.elements('css selector','.my-class', function (noted) {        
  //on the basis of the number of noted i am finding attribute which has same value.
    noted.value.forEach(function (index) {
       client.getAttribute('.my-class', 'data-annotation-id', function(results) {
         console.log(results.value)
       });
    });         
});

如何使用 nightwatch.js 或 javascript 列出具有共同属性值的相同元素？

How to make a list of same elements which have common attributes values either using nightwatch.js or javascript?

javascript

jquery

ui-automation

ui-testing

nightwatch.js