量角器如何测试select2

时间:2014-10-22 09:44:03

标签: angularjs protractor ui-select2

我有一个select2下拉列表,您需要先输入2个字符,然后选择您的项目。我无法用Protractor测试这个。

var select2 = element(by.css('div#s2id_person'));
select2.click();
select2.sendKeys('ip');
select2.sendKeys(protractor.Key.ENTER);

以下内容在尝试sendKeys时无法关注元素时出现错误。

1 个答案:

答案 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');