如何使用 nightwatch.js 或 javascript 列出具有共同属性值的相同元素?
Posted
技术标签:
【中文标题】如何使用 nightwatch.js 或 javascript 列出具有共同属性值的相同元素?【英文标题】:How to make a list of same elements which have common attributes values either using nightwatch.js or javascript? 【发布时间】:2016-01-20 08:15:59 【问题描述】:我在 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/);
【问题讨论】:
【参考方案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 列出具有共同属性值的相同元素?的主要内容,如果未能解决你的问题,请参考以下文章
使用Nightwatch.js做基于浏览器的web应用自动测试