XPath索引选择器返回整个数组,而不是索引中的元素

时间:2018-07-09 14:10:14

标签: selenium xpath

由于某种原因,将索引放入XPath会返回整个对象数组,而不是返回索引中的那个对象

HTML

我正在处理的HTML如下:

<ul id="permission-list" style="padding-top:0px">

    <li id="10-list-item" data-model="{&quot;Id&quot;:10,&quot;Name&quot;:&quot;General&quot;,&quot;GroupName&quot;:&quot;&quot;,&quot;DescStr&quot;:&quot; &quot;,&quot;Type&quot;:0}" class="topLevel">
        <i onclick="ExpandableIcon(this)" href="#collapse-10" data-toggle="collapse" class="fa permission-collapse clickable fa-minus-square-o" aria-hidden="true" aria-expanded="true"></i> - 
        <label class="custom-control custom-checkbox mb-2 mr-sm-2 mb-sm-0">
            <input onchange="PermissionCheckOnChange(this,15)" type="checkbox" class="custom-control-input" value="">
            <span class="custom-control-indicator"></span>
        </label> General (
        <span class="selected-permission">0</span> of 6 )
        <blockquote class="blockquote permission-description">
            <p class="mb-0" style=" color: #5d9cc3;">

            </p>
        </blockquote>
        <ul class="permission-item-list collapse show" id="collapse-10" style="">

            <li id="10100-list-item" data-model="{&quot;Id&quot;:10100,&quot;Name&quot;:&quot;System&quot;,&quot;GroupName&quot;:&quot;&quot;,&quot;DescStr&quot;:&quot;General System Permissions&quot;,&quot;Type&quot;:0}">

                <label class="custom-control custom-checkbox mb-2 mr-sm-2 mb-sm-0">
                    <input onchange="PermissionCheckOnChange(this,15)" type="checkbox" class="custom-control-input" value="">
                    <span class="custom-control-indicator"></span>
                </label> System 
                <blockquote class="blockquote permission-description">
                    <p class="mb-0" style=" color: #5d9cc3;">
                        General System Permissions
                    </p>
                </blockquote>
                <ul class="collapse permission-item-list" id="collapse-10100">

                </ul>
            </li>

            <li id="10500-list-item" data-model="{&quot;Id&quot;:10500,&quot;Name&quot;:&quot;Printer&quot;,&quot;GroupName&quot;:&quot;&quot;,&quot;DescStr&quot;:&quot;Printer's permissions&quot;,&quot;Type&quot;:0}">

                <i onclick="ExpandableIcon(this)" href="#collapse-10500" data-toggle="collapse" class="fa permission-collapse clickable fa-minus-square-o" aria-hidden="true" aria-expanded="true"></i> - 
                <label class="custom-control custom-checkbox mb-2 mr-sm-2 mb-sm-0" id="checkboxOfInterest">
                    <input onchange="PermissionCheckOnChange(this,15)" type="checkbox" class="custom-control-input" value="">
                    <span class="custom-control-indicator"></span>
                </label> Printer (
                <span class="selected-permission">0</span> of 4 )
                <blockquote class="blockquote permission-description">
                    <p class="mb-0" style=" color: #5d9cc3;">
                        Printer's permissions
                    </p>
                </blockquote>
                <ul class="permission-item-list collapse show" id="collapse-10500" style="">

                    <li id="1050001-list-item" data-model="{&quot;Id&quot;:1050001,&quot;Name&quot;:&quot;Add New Printer&quot;,&quot;GroupName&quot;:&quot;&quot;,&quot;DescStr&quot;:&quot;Add Printer&quot;,&quot;Type&quot;:0}">
                        <label class="custom-control custom-checkbox mb-2 mr-sm-2 mb-sm-0">
                            <input onchange="PermissionCheckOnChange(this,15)" type="checkbox" class="custom-control-input" value="">
                            <span class="custom-control-indicator"></span>
                        </label> Add New Printer 
                        <blockquote class="blockquote permission-description">
                            <p class="mb-0" style=" color: #5d9cc3;">
                                Add Printer
                            </p>
                        </blockquote>
                    </li>

                    <li id="1050002-list-item" data-model="{&quot;Id&quot;:1050002,&quot;Name&quot;:&quot;Edit Printer&quot;,&quot;GroupName&quot;:&quot;&quot;,&quot;DescStr&quot;:&quot;Edit Printer&quot;,&quot;Type&quot;:0}">
                        <label class="custom-control custom-checkbox mb-2 mr-sm-2 mb-sm-0">
                            <input onchange="PermissionCheckOnChange(this,15)" type="checkbox" class="custom-control-input" value="">
                            <span class="custom-control-indicator"></span>
                        </label> Edit Printer 
                        <blockquote class="blockquote permission-description">
                            <p class="mb-0" style=" color: #5d9cc3;">
                                Edit Printer
                            </p>
                        </blockquote>
                    </li>

                    <li id="1050003-list-item" data-model="{&quot;Id&quot;:1050003,&quot;Name&quot;:&quot;Delete Printer&quot;,&quot;GroupName&quot;:&quot;&quot;,&quot;DescStr&quot;:&quot;Delete Printer&quot;,&quot;Type&quot;:0}">
                        <label class="custom-control custom-checkbox mb-2 mr-sm-2 mb-sm-0">
                            <input onchange="PermissionCheckOnChange(this,15)" type="checkbox" class="custom-control-input" value="">
                            <span class="custom-control-indicator"></span>
                        </label> Delete Printer 
                        <blockquote class="blockquote permission-description">
                            <p class="mb-0" style=" color: #5d9cc3;">
                                Delete Printer
                            </p>
                        </blockquote>
                    </li>

                    <li id="1050010-list-item" data-model="{&quot;Id&quot;:1050010,&quot;Name&quot;:&quot;Print&quot;,&quot;GroupName&quot;:&quot;&quot;,&quot;DescStr&quot;:&quot;it's value contains the list of levels which can use to print&quot;,&quot;Type&quot;:0}">
                        <label class="custom-control custom-checkbox mb-2 mr-sm-2 mb-sm-0">
                            <input onchange="PermissionCheckOnChange(this,15)" type="checkbox" class="custom-control-input" value="">
                            <span class="custom-control-indicator"></span>
                        </label> Print 
                        <blockquote class="blockquote permission-description">
                            <p class="mb-0" style=" color: #5d9cc3;">
                                it's value contains the list of levels which can use to print
                            </p>
                        </blockquote>
                    </li>

                </ul>
            </li>

        </ul>
    </li>

    <li id="50-list-item" data-model="{&quot;Id&quot;:50,&quot;Name&quot;:&quot;POS&quot;,&quot;GroupName&quot;:&quot;&quot;,&quot;DescStr&quot;:&quot;&quot;,&quot;Type&quot;:0}" class="topLevel">
        <i onclick="ExpandableIcon(this)" href="#collapse-50" data-toggle="collapse" class="fa permission-collapse clickable fa-minus-square-o" aria-hidden="true" aria-expanded="true"></i> - 
        <label class="custom-control custom-checkbox mb-2 mr-sm-2 mb-sm-0">
            <input onchange="PermissionCheckOnChange(this,15)" type="checkbox" class="custom-control-input" value="">
            <span class="custom-control-indicator"></span>
        </label> POS (
        <span class="selected-permission">0</span> of 2 )
        <blockquote class="blockquote permission-description">
            <p class="mb-0" style=" color: #5d9cc3;">

            </p>
        </blockquote>
        <ul class="permission-item-list collapse show" id="collapse-50" style="">

            <li id="50100-list-item" data-model="{&quot;Id&quot;:50100,&quot;Name&quot;:&quot;General&quot;,&quot;GroupName&quot;:&quot;&quot;,&quot;DescStr&quot;:&quot;General POS Permissions&quot;,&quot;Type&quot;:0}">

                <i onclick="ExpandableIcon(this)" href="#collapse-50100" data-toggle="collapse" class="fa fa-plus-square-o permission-collapse clickable" aria-hidden="true"></i> - 
                <label class="custom-control custom-checkbox mb-2 mr-sm-2 mb-sm-0">
                    <input onchange="PermissionCheckOnChange(this,15)" type="checkbox" class="custom-control-input" value="">
                    <span class="custom-control-indicator"></span>
                </label> General (
                <span class="selected-permission">0</span> of 1 )
                <blockquote class="blockquote permission-description">
                    <p class="mb-0" style=" color: #5d9cc3;">
                        General POS Permissions
                    </p>
                </blockquote>
                <ul class="collapse permission-item-list" id="collapse-50100">

                    <li id="5010010-list-item" data-model="{&quot;Id&quot;:5010010,&quot;Name&quot;:&quot;POS Login&quot;,&quot;GroupName&quot;:&quot;&quot;,&quot;DescStr&quot;:&quot;Login into pos&quot;,&quot;Type&quot;:0}">
                        <label class="custom-control custom-checkbox mb-2 mr-sm-2 mb-sm-0">
                            <input onchange="PermissionCheckOnChange(this,15)" type="checkbox" class="custom-control-input" value="">
                            <span class="custom-control-indicator"></span>
                        </label> POS Login 
                        <blockquote class="blockquote permission-description">
                            <p class="mb-0" style=" color: #5d9cc3;">
                                Login into pos
                            </p>
                        </blockquote>
                    </li>

                </ul>
            </li>

        </ul>
    </li>

</ul>

HTML的屏幕截图

下面是简化的HTML屏幕截图。 enter image description here

我要做什么

我正在尝试针对复选框编写Selenium测试。选中叶子复选框仅应选中该叶子复选框,选中父复选框也应选中子复选框。

我的XPath选择器

在该代码中,我将一个ID放在开发人员控制台中的一个字段上,以简化XPath选择器的编写。特别是:

<label class="custom-control custom-checkbox mb-2 mr-sm-2 mb-sm-0" id="checkboxOfInterest">
    <input onchange="PermissionCheckOnChange(this,15)" type="checkbox" class="custom-control-input" value="">
    <span class="custom-control-indicator"></span>
</label>

我的完整XPath选择器在包含我想要的内容的容器上,然后变为

id("checkboxOfInterest")/ancestor::li//ul[contains(concat(" ", @class, " "), " permission-item-list ")][1]

期望

我希望它会在开发者控制台上返回:

ul#collapse-10500.permission-item-list.collapse.show

现实

相反,我得到了以下数组:

[ul#collapse-10500.permission-item-list.collapse.show, ul#collapse-10.permission-item-list.collapse.show, ul#collapse-10100.collapse.permission-item-list]

对不起,这很漫长,但是有人可以指导我这样做的原因以及我的选择吗?

3 个答案:

答案 0 :(得分:1)

您需要清楚了解XPath Axis中涉及的context positiondocument order的概念,

enter image description here

您可以在W3C XPATH Specification

中找到上方的音符

要解决您的问题,您可以尝试id("checkboxOfInterest")/ancestor::li[1]//ul

答案 1 :(得分:0)

请您尝试-

id("checkboxOfInterest")/ancestor::li/ul[contains(@class, "permission-item-list ")][1]

答案 2 :(得分:0)

谓词[1]适用于表达式的最后一步,而不是整个表达式。例如,x/y[1]将返回每个y的第一个x子级。如果只希望表达式x/y的结果中的第一项,请使用括号:(x/y)[1]