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

【问题标题】：How to get Menu item in a specific css using Selenium and Serenity如何使用 Selenium 和 Serenity 在特定 css 中获取菜单项
【发布时间】：2019-10-21 19:16:16
【问题描述】：

我有来自应用程序的以下 html 部分，我无法点击/识别菜单的任何下拉元素。

我所能做的就是点击菜单并在 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>

【问题讨论】：

标签： java selenium serenity-bdd

【解决方案1】：

在css选择器中使用#items：

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

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

【讨论】：