Selenium如何访问同一个css类的两个控件

Question

我正在使用 selenium ide 进行测试。 我的目标是验证以下内容

1) 文本框的最大和最小长度属性。 2) 验证标签的文本

我的html代码如下：

<div class="control-group">
                                <label class="control-label" for="input01">Email</label>
                                    <div class="controls">
                                        <input name="data[Salon][username]" class="span4" id="username" placeholder="Username or Email" type="text"/>                                   
                                    </div>
                            </div>

                            <div class="control-group">
                                <label class="control-label" for="input01">Password</label>
                                    <div class="controls">
                                        <input name="data[Salon][password]" class="span4" id="password" placeholder="Required" type="password"/>                                                                    
</div>

但在上面我面临以下问题：

a) 我在访问 assertText 或 assertElementPresent 的标签时遇到问题，因为它们具有相同的类名。

b) 我不知道如何验证文本框的最大和最小长度属性。

请注意，当我尝试使用时

document.getElementsByClassName("control-label")

I am getting the following error:

[error] locator not found: document.getElementsByClassName("control-lable"), error = TypeError: e.scrollIntoView is not a function

Answer 1

您可以通过以下方式访问第一个标签：

css=div[class='control-group'] label[class='control-label']:contains('Email')

您可以通过以下方式访问第二层：

css=div[class='control-group'] label[class='control-label']:contains('Password')

将这些与命令 assertElementPresent 一起使用，元素定位器中的“包含”允许您验证其中的文本。

你也可以使用 xpath:

//div[@class='control-group']//label[@class='control-label'][text()='Email']
//div[@class='control-group']//label[@class='control-label'][text()='Password']

通常 maxlength 属性设置为输入的属性，但我在您的 html 代码中看不到它。但您可以尝试：

storeAttribute（Selenium IDE 的命令），作为目标，您可以使用 xpath：

/div[@class='control-group']//label[@class='control-label'][text()='Email']/@maxlength

将其保存到某个 var（例如，设置为值字段 smthg，如 attLength），然后回显此 var，如：Selenium IDE 的命令 echo 并放入目标字段 ${attLength}