在硒Java中使用数据测试id查找元素

Question

这是我的HTML树：

<div data-focusable="true" tabindex="0" class="css-1dbjc4n" data-testid="nav-Look up items-item"><div class="css-1dbjc4n"><div class="css-1dbjc4n" data-testid="nav-Look up items-item-Look up items-icon"><div class="css-1dbjc4n"><div dir="auto" class="css-901oao r-1awozwy" data-testid="nav-Look up items-item-Look up items">Look up items</div>

我试图通过data-tesd定位元素

我使用了css选择器和xpath，如下所示：

@FindBy(css = "div[data-testid='nav-Look up items-item']")
@FindBy(xpath = "//div[@data-testid='nav-Look up items-item']")

但它无法定位该元素。

有人能帮忙吗？非常感谢。

Answer 1

你应该这样用

@FindBy(xpath = "//div[@data-testid='nav-Look up items-item']")
WebElement lookUpItems;

您可以（假设您想执行。单击）

lookUpItems.click();

Answer 2

我只想在这里重写你的树，因为这样我更容易理解。

<div data-focusable="true" tabindex="0" class="css-1dbjc4n" data-testid="nav-Look up items-item">
    <div class="css-1dbjc4n">
        <div class="css-1dbjc4n" data-testid="nav-Look up items-item-Look up items-icon">
            <div class="css-1dbjc4n">
                <div dir="auto" class="css-901oao r-1awozwy" data-testid="nav-Look up items-item-Look up items">Look up items</div>
            </div>
        </div>
    </div>
</div>

您总是可以尝试选择类名称与这样的东西：

WebElement element = driver.findElement(By.className("css-901oao"));

或

WebElement element = driver.findElement(By.className("r-1awozwy"));

如果这不起作用，您可以尝试使用诸如xPath Finder之类的Chrome扩展来尝试查找绝对xPath，并使用以下方法查找它：

WebElement element = driver.findElement(By.xpath("/html/body/div/div/div/div/div"));

但是，当您尝试选择一个div时，类名更有可能起作用