Угловые директивные тесты Выберите опции

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 

EDIT:

директива шаблон включает в себя выбор с внутренней нг-модели, я подозреваю, что это является причиной проблемы:

<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() и/или путем помещения вашего кода проверки в блок $ timeout.

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 Avaiable (т.е. не 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');