javascript - 单击表格中的特定按钮

Question

我正在使用 Webdriverio、Selenium 和 Javascript

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

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

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

在我的 Webdriverio Selenium 测试中，我想单击其中一个树按钮，以便我可以删除一个条目

但是，当它们都具有相同的类名时，我该如何导航到一个按钮？我尝试通过 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，我不太擅长。 :)