title: Selecting a value from <md-select> tag using Selenium Webdriver
body: <p>I am using Selenium Webdriver and working on automating an AngularJS Web App on Chrome. It was going pretty well until I hit a dropdown list on the app.
  My test keeps crashing everytime I try to select a value from it. I have been doing my research on this and I have only seen 2 solutions (both of which I have tried but don't work)</p>
  
  <ol>
  <li>Use the <code>Select</code> object. This doesn't work because the html tag is not <code>&lt;select&gt;</code>, its <code>&lt;md-select&gt;</code> and this fails the test.</li>
  <li>I then tried to just click on the dropdown element and click on the value - <code>driver.findElement(By.xpath("xpath to dropdown list")).click();</code> and <code>driver.findElement(By.xpath("xpath do dropdown value")).click();</code></li>
  </ol>
  
  <p>With example 2, I also tried creating it as a <code>WebElement</code> variable and calling <code>click()</code> separate, but this did not work either.</p>
  
  <p>Any ideas on how I can solve this issue?</p>
  
  <h2>Update</h2>
  
  <p><strong>HTML for the dropdown list</strong></p>
  
  <pre><code>&lt;div ng-switch-when="dropdown" class="ng-scope"&gt;
      &lt;zf-form-dropdown&gt;
          &lt;div class="dropdown"&gt;
              &lt;div layout="row"&gt;
                  &lt;div flex="50" class="quote-label"&gt;
                      &lt;p ng-bind-html="::label" class="ng-binding"&gt;Title&lt;/p&gt;
                  &lt;/div&gt;
                  &lt;div ng-show="false" flex="10" class="tooltip-icon ng-hide" ng-click="showToolTip(field.get('toolTip'))" role="button" tabindex="0" aria-hidden="true"&gt;&lt;img src="img/item-question@2x.png"&gt;&lt;/div&gt;
  
                  &lt;md-select flex="" ng-disabled="quote.isRated() || !input.enabled" ng-change="onDropdownChange()" ng-model="input.value" class="ng-valid md-default-theme ng-touched ng-dirty" role="combobox" id="select_0Q9" aria-haspopup="true" aria-expanded="false" aria-labelledby="select_label_0I1" tabindex="0" aria-disabled="false" aria-invalid="false" aria-owns="select_menu_0Q8"&gt;&lt;md-select-label class="md-select-label md-placeholder" id="select_label_0I1"&gt;&lt;span&gt;&lt;/span&gt;&lt;span class="md-select-icon" aria-hidden="true"&gt;&lt;/span&gt;&lt;/md-select-label&gt;&lt;/md-select&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/zf-form-dropdown&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>HTML for the value I want to select</strong></p>
  
  <pre><code>&lt;md-option ng-value="::item.val" ng-selected="item.checked" ng-repeat="item in getOpts()" tabindex="0" class="ng-scope" role="option" aria-selected="false" id="select_option_0QD" value="MR"&gt;
      &lt;div class="md-text ng-binding"&gt;Mr&lt;/div&gt;
      &lt;div class="md-ripple-container"&gt;&lt;/div&gt;
  &lt;/md-option&gt;
  </code></pre>
  
  <p>The xpath for the dropdown list is <code>//*[@id="select_0Q9"]</code>
  The xpath for the dropdown value is <code>//*[@id="select_option_0QD"]</code></p>