title: Unable to select option in drop down protractorjs e2e tests
body: <p>I am trying to select an option from a drop down for angular e2e tests using protractor. <br/> Here is the code snippet of the select option: <br/> </p>
  
  <pre><code>&lt;div class="width70"&gt;
    &lt;span title="" class="k-widget k-dropdown k-header width100 ng-scope ng-dirty ng-valid-parse ng-touched ng-invalid ng-invalid-required k-invalid" unselectable="on" role="listbox" aria-haspopup="true" aria-expanded="true" tabindex="0" aria-owns="" aria-disabled="false" aria-readonly="false" aria-busy="false" style="" aria-activedescendant="9e8e661a-e100-4c17-bceb-3de8ac876316"&gt;
      &lt;span unselectable="on" class="k-dropdown-wrap k-state-default"&gt;&lt;span unselectable="on" class="k-input ng-scope"&gt;Select Customer&lt;/span&gt;&lt;span unselectable="on" class="k-select"&gt;&lt;span unselectable="on" class="k-icon k-i-arrow-s"&gt;select&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;
      &lt;select kendo-drop-down-list="" required="" name="customer" ng-model="arrayView.selectedCustomer" k-options="arrayView.customerList" k-rebind="arrayView.customerList" validationmessage="Select Customer" class="width100 ng-scope ng-dirty ng-valid-parse ng-touched ng-invalid ng-invalid-required k-invalid" data-role="dropdownlist" style="display: none;" aria-invalid="true"&gt;
          &lt;option value="" selected="selected"&gt;Select Customer&lt;/option&gt;
          &lt;option value="615"&gt;option A&lt;/option&gt;
          &lt;option value="139"&gt;option B&lt;/option&gt;
          &lt;option value="1476"&gt;option C&lt;/option&gt;
          &lt;option value="570"&gt;option D&lt;/option&gt;......`
  </code></pre>
  
  <p><br/> I have tried almost all the methods mentioned in the following page <br/><a href="https://stackoverflow.com/questions/19599450/how-to-select-option-in-drop-down-protractorjs-e2e-tests">How to select option in drop down protractorjs e2e tests</a>
  <br/> None of them seems to be working for me.<br/> I am not even able to find 'select' (parent of 'option') tag. <br/>But I am successfully able to click on div.span.span element.</p>
  
  <p>Also, When I click on the dropdown menu I see a search box along with all options. I am attaching the pic for the same <br/> <a href="https://i.stack.imgur.com/veuRQ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/veuRQ.png" alt="enter image description here"></a>
  Please help me. I have tried several ways and nothing seems to work.</p>