量角器和oi.select選項點擊

Question

這是我的oi.select的模板html。

<oi-select class="oi-select" 
    oi-options="group.name for group in groups track by group._id" 
    multiple placeholder="" ng-model="selectedGroups"> 
</oi-select> 

我試着在test.js

element(by.model('selectedGroups')).click().then(function() { 
    element.all(by.repeater("(group, options) in groups")) 
     .then(function (guests) { 
      guests[0].click(); 
     }); 
}); 

只點擊一個選項下面的代碼。 guests[0].getText()給出所有組名稱標籤。如果你之前解決它，請幫助我。我嘗試了很多select的例子，但沒有找到具體的oi.select。謝謝。

Answer 1

以下是通過索引或值/字符串進行選擇時的示例代碼。
將要選擇的索引/值位於數組內。
以便用戶可以選擇多個值。

describe('test', function() { 
    var arrIndex = [2, 0]; 
    var arrString = ['jeans', 'belt']; 
    var elmModel = element(by.model('query')); 

    it('open browser', function() {  
     browser.get('https://tamtakoe.github.io/oi.select/#/select/#multiple'); 
    }); 

    it('test index', function() {  
     browser.get('https://tamtakoe.github.io/oi.select/#/select/#multiple'); 
     var elmRptr = element.all(by.repeater('option in options')) 
     selectByIndex(0, arrIndex, elmRptr); 
    }); 

    it('test string', function() {  
     selectByString(0, arrString); 
    }); 

    function selectByString(i, arrTemp) { 
     if (i < arrTemp.length) { 
      elmModel.click(); 
      var elmString = element(by.cssContainingText('[ng-repeat="option in options"]', arrTemp[i])); 
      elmString.click(); 
      selectByString(i + 1, arrTemp); 
     } 
    } 

    function selectByIndex(i, arrTemp, elmTemp) { 
     if (i < arrTemp.length) { 
      elmModel.click(); 
      elmTemp.get(arrTemp[i]).click(); 
      selectByIndex(i + 1, arrTemp, elmTemp); 
     } 
    } 
});