कोणीय निर्देश परीक्षण विकल्प

Question

आप कोणीय निर्देश परीक्षण में कोई विकल्प कैसे चुनते हैं?

var options = elem.find('#test-code-select option'); 
expect(angular.element(options[0]).text()).to.equal('234'); 
expect(angular.element(options[1]).text()).to.equal('236'); 

ये काम ठीक है, लेकिन मैं मैन्युअल रूप से किसी विकल्प के चयन को कैसे बल दूं?

angular.element(options[1]).click(); //nope 
angular.element(options[1]).trigger('click'); //nope 
angular.element(options[1]).attr('selected', true); //nope 

संपादित करें:

निर्देश टेम्पलेट एक आंतरिक एनजी-मॉडल के साथ एक का चयन भी शामिल है, मुझे लगता है इस समस्या के कारण है:

<select id='test-code-select' ng-options='code as code for code in codeList' ng-model='code'> 

Answer 1

यह मेरे लिए काम करता है:

var select = elem.find('#test-code-select'); 
select.val('236').change(); 
expect(scope.code).toEqual('236'); 

नोट change() करने के लिए कॉल।

Answer 2

तुम सिर्फ परीक्षण करना चाहते हैं हैंडलर क्लिक करें तो आप बस एक क्लिक घटना को गति प्रदान करने की जरूरत है:

angular.element(options[1]).trigger('click');

आपको $ timeout.flush(), $ scope.apply(), और/या अपने सत्यापन कोड को $ टाइमआउट ब्लॉक में डालकर विभिन्न हैंडलर निष्पादित करने की अनुमति देनी पड़ सकती है।

Answer 3

// UPDATE: to select multiple values pass an array 
// select is selector for <select> tag, preferrably ID 
select.val(['236', '479']).change(); 

Answer 4

मैं क्या @ejain से जवाब दिया गया है के पास एक अन्य दृष्टिकोण के रूप में जोड़ा है।

आप jQuery तो उपलब्ध (यानी, नहीं jqLite) निम्नलिखित भी विकल्प पर change ट्रिगर द्वारा काम करना चाहिए, मुझे लगता है कि है:।

var select = elem.find('#test-code-select'); 
var oneOption = select.find('option:contains("236")'); 
oneOption.prop('selected', 'selected').trigger('change'); 
expect(scope.code).toEqual('236');