量角器如何测试select2

Question

我有一个select2下拉列表，您需要先输入2个字符，然后选择您的项目。我无法用量角器来测试。

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

下面的错误提示您在尝试发送密钥时无法聚焦元素。

Answer 1

以下片段成功激活并选择了select2小部件中的第一个选项，它允许通过网络加载选项。

'select2'小部件存在几个问题 - 关于量角器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');