Proper Way of Selecting an Option from a Dropdown List

Hi. What’s the current best way of doing this in protractor tests:

select('orderProp').option('Alphabetical')

for

<select ng-model="orderProp">
   <option value="name">Alphabetical</option>
   <option value="age">Newest</option>
 </select>

This was taken from the tutorial on http://docs.angularjs.org/tutorial/step_04 (last test at the end of the page). I am trying to convert e2e tests to protractor as an exercise and can’t figure out a clean way to select an option from a drop down list. Some examples found on the web seemed too verbose and, perhaps, outdated. Thank you.

[khepin]

I usually do something like:

var select = element.one(by.model('orderProp'));
select.$('[value="age"]').click();

[demisx]

Worked great! Thank you so much.

Just a recap for others. Until protractor implements a more natural way of selecting an option from a dropdown list, use @khepin method below. This is the cleanest one I’ve found so far.

Given this dropdown:

<select ng-model="orderProp">
   <option value="name">Alphabetical</option>
   <option value="age">Newest</option>
 </select>

And I want to select “Newest” option in my spec, do this:

// JavaScript
element(by.model('orderProp')).$('[value="age"]').click();

// CoffeeScript
element(By.model('orderProp')).$('[value="name"]').click()