点击表格中的特定按钮

时间:2018-11-28 12:02:35

标签: javascript selenium automated-tests chai webdriver-io

我正在使用Webdriverio,Selenium和Javascript

在我的前端,我有三个div,每个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);

});

有什么建议吗?

1 个答案:

答案 0 :(得分:1)

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

例如:

Elems = browser.findElementsByClassName("class_name")

Elems[0].click()

使上面的内容适应JavaScript,但我对此并不满意。 :)