时间戳

首页 > 解决方案 > 单击表中的特定按钮

javascript - 单击表中的特定按钮

问题描述

我正在使用 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);

});

有什么建议么？

标签： javascriptseleniumautomated-testschaiwebdriver-io

解决方案

一般来说，您需要将所有具有相同类名的元素放入一个列表（或数组）中，然后从列表中选择您要与之交互的元素。

例如。：

Elems = browser.findElementsByClassName("class_name")

Elems[0].click()

将上面的内容适应JavaScript，我不太擅长。:)

推荐阅读