如何在下拉 protractorjs e2e 测试中选择选项
我正在尝试从下拉列表中选择一个选项，以使用量角器进行角度 e2e 测试.
I am trying to select an option from a drop down for the angular e2e tests using protractor.
这里是选择选项的代码片段:
Here is the code snippet of the select option:
<select id="locregion" class="create_select ng-pristine ng-invalid ng-invalid-required" required="" ng-disabled="organization.id !== undefined" ng-options="o.id as o.name for o in organizations" ng-model="organization.parent_id">
<option value="?" selected="selected"></option>
<option value="0">Ranjans Mobile Testing</option>
<option value="1">BeaverBox Testing</option>
<option value="2">BadgerBox</option>
<option value="3">CritterCase</option>
<option value="4">BoxLox</option>
<option value="5">BooBoBum</option>
</select>
我试过了:
ptor.findElement(protractor.By.css('select option:1')).click();
这给了我以下错误:
指定了无效或非法的字符串构建信息:版本:'2.35.0'，修订:'c916b9d'，时间:'2013-08-12 15:42:01'系统信息:os.name:'Mac OS X'，os.arch:'x86_64'，os.version:'10.9'，java.version:'1.6.0_65'驱动信息:driver.version:未知
An invalid or illegal string was specified Build info: version: '2.35.0', revision: 'c916b9d', time: '2013-08-12 15:42:01' System info: os.name: 'Mac OS X', os.arch: 'x86_64', os.version: '10.9', java.version: '1.6.0_65' Driver info: driver.version: unknown
我也试过了:
ptor.findElement(protractor.By.xpath('/html/body/div[2]/div/div[4]/div/div/div/div[3]/ng-include/div/div[2]/div/div/organization-form/form/div[2]/select/option[3]')).click();
这给了我以下错误:
ElementNotVisibleError:元素当前不可见，因此可能无法与之交互命令持续时间或超时:9 毫秒构建信息:版本:'2.35.0'，修订:'c916b9d'，时间:'2013-08-12 15:42:01'系统信息:os.name:'Mac OS X'，os.arch:'x86_64'，os.version:'10.9'，java.version:'1.6.0_65'会话 ID:bdeb8088-d8ad-0f49-aad9-82201c45c63f驱动信息:org.openqa.selenium.firefox.FirefoxDriver功能 [{platform=MAC，acceptSslCerts=true，javascript Enabled=true，browserName=firefox，rotatable=false，locationContextEnabled=true，version=24.0，cssSelectorsEnabled=true，databaseEnabled=true，handlesAlerts=true，browserConnectionEnabled=true，nativeEvents=false, webStorageEnabled=true, applicationCacheEnabled=false, takeScreenshot=true}]
ElementNotVisibleError: Element is not currently visible and so may not be interacted with Command duration or timeout: 9 milliseconds Build info: version: '2.35.0', revision: 'c916b9d', time: '2013-08-12 15:42:01' System info: os.name: 'Mac OS X', os.arch: 'x86_64', os.version: '10.9', java.version: '1.6.0_65' Session ID: bdeb8088-d8ad-0f49-aad9-82201c45c63f Driver info: org.openqa.selenium.firefox.FirefoxDriver Capabilities [{platform=MAC, acceptSslCerts=true, javascriptEnabled=true, browserName=firefox, rotatable=false, locationContextEnabled=true, version=24.0, cssSelectorsEnabled=true, databaseEnabled=true, handlesAlerts=true, browserConnectionEnabled=true, nativeEvents=false, webStorageEnabled=true, applicationCacheEnabled=false, takesScreenshot=true}]
谁能帮我解决这个问题，或者说明我在这里可能做错了什么.
Can anyone please help me with this problem or throw some light on what i might be doing wrong here.
推荐答案
我也遇到了类似的问题，最后写了一个帮助函数来选择下拉值.
I had a similar problem, and eventually wrote a helper function that selects dropdown values.
我最终决定我可以通过选项编号进行选择，因此编写了一个方法，该方法接受一个元素和 optionNumber，并选择该 optionNumber.如果 optionNumber 为 null，则不选择任何内容(不选择下拉菜单).
I eventually decided that I was fine selecting by option number, and therefore wrote a method that takes an element and the optionNumber, and selects that optionNumber. If the optionNumber is null it selects nothing (leaving the dropdown unselected).
var selectDropdownbyNum = function ( element, optionNum ) {
if (optionNum){
var options = element.all(by.tagName('option'))
.then(function(options){
options[optionNum].click();
});
}
};
如果您想了解更多详细信息，我写了一篇博文，其中还包括在下拉列表中验证所选选项的文本:http://technpol.wordpress.com/2013/12/01/protractor-and-dropdowns-validation/
I wrote a blog post if you want more detail, it also covers verifying the text of the selected option in a dropdown: http://technpol.wordpress.com/2013/12/01/protractor-and-dropdowns-validation/
相关文章