Test di controllo angolare selezionare le opzioni

Question

Come si seleziona un'opzione in un test di direttiva angolare?

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

Questi funzionano bene, ma come forzare manualmente la selezione di un'opzione?

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

EDIT:

Il modello direttiva include una selezione con una ng-modello interno, ho il sospetto che questa è la causa del problema:

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

Answer 1

questo funziona per me:

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

nota la chiamata a change().

Answer 2

Se si desidera solo per testare la clicca gestore allora non vi resta che attivare un evento click:

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

Potrebbe essere necessario consentire l'esecuzione dei vari gestori utilizzando $ timeout.flush(), $ scope.apply() e/o inserendo il codice di verifica in un blocco di 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

Ho aggiunto questo come un altro approccio oltre a quello che è stato risposto da @ejain.

Se hai jquery avaiable (cioè non jqLite), penso che il seguente dovrebbe funzionare anche innescando change in opzione:.

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