如何使用 Selenium 和 Serenity 获取特定 css 中的菜单项

Question

我有以下来自应用程序的 html 部分，但我无法访问 click/identify 菜单的任何下拉元素。

我所能实现的就是单击菜单并在 Chrome 中显示下拉菜单，但无法遍历其所有元素。我必须单击菜单的任何元素，但我无法正确找到它们。

这是我通过 css 识别菜单的方式： @FindBy(css="#toplevel_menu li:nth-child(2)")

<ul id="toplevel_menu" style="width:1100px;">
                <li>
                </li>
            <li>
                <a href="javascript:void(0);" class="divider">Items</a>
                <ul id="items">
                    <li><a href="javascript:void(0);" onclick="openDialog1">Element1</a></li>
                    <li><a href="javascript:void(0);" onclick="openDialog2">Element2</a></li>
                    <li><a href="javascript:void(0);" onclick="openDialog3">Element3</a></li>
                </ul>
        </ul>

Answer 1

在 css 选择器中使用 #items：

#toplevel_menu #items li:nth-child(2)

获取所有物品：#toplevel_menu #items li

如何使用 Selenium 和 Serenity 获取特定 css 中的菜单项

How to get Menu item in a specific css using Selenium and Serenity

java

selenium

serenity-bdd