单击表中的特定按钮

Question

我正在使用Webdriverio、Selenium和Javascript

在我的前端，我有三个div，每个div都包含一个具有相同类名(field_table(的表。div具有id 0、1和2以及相同的类名(receiver_field(

每个表都包含一个具有相同类名的按钮(删除按钮(。

这是因为表格是自动生成的

在我的WebdriverioSelenium测试中，我想点击其中一个树按钮，这样我就可以删除一个条目

但是，当它们都有相同的类名时，我如何导航到只有一个按钮？我试着通过id导航，但我无法让它工作

it('should be possible to delete on button click', function () {
// Get receiver fields
var fields = browser.elements('.form-control-list');
expect(fields.value.length).to.equal(6);
// Get only one table
// Get that tables button
// Click the button
//expect(fields.value.length).to.equal(4);
});

有什么建议吗？

Answer 1

通常，您需要将所有具有相同类名的元素放入列表(或数组(中，然后从列表中选择要交互的元素。

例如：

Elems = browser.findElementsByClassName("class_name")
Elems[0].click()

将以上内容改编为JavaScript，我不太擅长。：(