如何从 div 中的列表中选择一个项目？ [关闭]答案

【问题标题】：How to select an item from a list, which is within a div? [closed]如何从 div 中的列表中选择一个项目？ [关闭]
【发布时间】：2019-08-13 15:58:10
【问题描述】：

我需要选择一个项目，它是一个列表，但它由div组成

我正在使用 WebDriver IO (https://webdriver.io/)

<div class="selectize-dropdown demo-default select-class single" style="display: none; width: 196px; top: 40px; left: 0px; visibility: visible;">
  <div class="selectize-dropdown-content">
    <div data-value="1" data-selectable="" class="option">AUTOMOVIL</div>
    <div data-value="2" data-selectable="" class="option">CAMIONETA PASAJ.</div>
    <div data-value="9" data-selectable="" class="option">PICKUP SENCILLA</div>
    <div data-value="6" data-selectable="" class="option">PICKUP DOBLE CAB</div>
    <div data-value="3" data-selectable="" class="option">CAMPERO</div>
    <div data-value="7" data-selectable="" class="option">BUS / BUSETA / MICROBUS</div>
    <div data-value="8" data-selectable="" class="option">CAMIONETA REPAR</div>
    <div data-value="100" data-selectable="" class="option">FURGON / FURGONETA</div>
    <div data-value="4" data-selectable="" class="option">MOTOCICLETA</div>
  </div>
</div>

在图像中，我解释了在位置 1 有我必须选择的元素，在位置 2 是我要选择的属性，在位置 3 有我想用属性完成的字段

预期的结果是，在 Vehicle 字段中，我可以选择代码中指示的任何自动选项。

【问题讨论】：

标签： javascript selenium-webdriver webdriver-io

【解决方案1】：

您可以点击列表并选择索引，如下面的代码所示：

'use strict';

describe('site page', () => {
    it('should click dropdown', () => {
        browser.url('http://testing.123seguro.com.co/');

        $('#selector-tipo-auto > div > div.selectize-input.items.not-full.has-options').click();
        $('#selector-tipo-auto > div > div.selectize-dropdown.demo-default.select-class.single > div > div:nth-child(5)').click();
        browser.pause(1000);

    });
});

【讨论】：

我尝试了您提供的解决方案，效果很好。非常感谢！
不客气。请接受它作为最佳答案:)

【解决方案2】：

我推荐可见文本选项。 (selectByVisibleText("CAMPERO"))

这样，如果下拉列表的顺序发生变化，它仍然会选择您要查找的值。

示例来源：https://chercher.tech/webdriverio/dropdowns

【讨论】：