我有一个select2下拉列表,您需要先输入2个字符,然后选择您的项目。我无法用Protractor测试这个。
var select2 = element(by.css('div#s2id_person'));
select2.click();
select2.sendKeys('ip');
select2.sendKeys(protractor.Key.ENTER);
以下内容在尝试sendKeys时无法关注元素时出现错误。
答案 0 :(得分:9)
以下代码段成功激活并选择select2小部件中的第一个选项,它允许通过网络加载选项。
' select2'有几个问题。 widget - 关于量角器E2E测试 - 这个片段解决了这个问题。评论很好地解释了这一点。
/**
* @param {string} select2Locator // CSS selector of select2 container
* @param {string} opt_query // an optional Query string
*/
function select2First(select2Locator, opt_query){
// the 'a' element inside the select2 will receive the 'mousedown' event
var selector = select2Locator + ' a.select2-choice';
// Locator for the select2 options
var options = element.all(by.css('.select2-results-dept-0'));
// select2 doesn't activate on click
// and protractor doesn't have a direct mousedown method on 'ElementFinder'.
browser.driver.executeScript('$(arguments["0"]).mousedown();', (selector));
if(opt_query){
browser.driver.switchTo().activeElement().sendKeys(opt_query);
// select2 can fetch options from over a network
// so we confirm that all pending network requests are resolved after typing the query
browser.driver.wait(function(){
return browser.driver.executeScript('return $.active === 0;');
}, 2000);
}
// makes sure all the options are rendered
browser.driver.wait(function(){
return options.count().then(function(count){
return 0 < count;
});
}, 2000);
options.first().click();
};
在您提供的方案中,您可以像这样使用它:
select2First('div#s2id_person', 'ip');