title: How to select a value from dropdown using serenity screen play
body: <p>I have a web page and from where I am trying to to select xpath from a drop down box which don't have any value by default.</p>
  
  <pre><code>&lt;select id="country" class="multi ng-pristine ng-valid ng-empty ng-touched" ng-options="country as country.description for country in vm.countries" ng-change="vm.getDestinations()" ng-model="vm.country" style=""&gt;
  &lt;option value="?" selected="selected"&gt;&lt;/option&gt;
  &lt;option label="Germany" value="object:589"&gt;Germany&lt;/option&gt;
  &lt;option label="Austria" value="object:590"&gt;Austria&lt;/option&gt;
  &lt;option label="Belgium" value="object:591"&gt;Belgium&lt;/option&gt;
  </code></pre>
  
  <p>I have tried using Select.selectByVisibleText() but still not getting. I can find the country field but not able to select a particular country:</p>
  
  <pre><code>public Target selectCountry = Target.the("select country").located(By.xpath("//*[@id=\"app-container\"]/div[1]/span[3]/select[1]"));
  </code></pre>
  
  <p>Please suggest.</p>