title: How to select random item from drop-down list using Cypress?
body: <p>In the site: <a href="https://www.testandquiz.com/selenium/testing.html" rel="nofollow noreferrer">https://www.testandquiz.com/selenium/testing.html</a> there is a drop down located here
  <a href="https://i.stack.imgur.com/EukO7.png" rel="nofollow noreferrer">enter image description here</a></p>
  <p>The html is like the following:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;select id="testingDropdown"&gt;
  &lt;option id="automation" value="Automation"&gt;Automation Testing&lt;/option&gt;
  &lt;option id="performance" value="Performance"&gt;Performance Testing&lt;/option&gt;
  &lt;option id="manual" value="Manual"&gt;Manual Testing&lt;/option&gt;
  &lt;option id="database" value="Database"&gt;Database Testing&lt;/option&gt;
  &lt;/select&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>I would like to:</p>
  <ol>
  <li>Click on the mentioned drop down</li>
  <li>Count the number of items</li>
  <li>Select the random item from the list</li>
  </ol>
  <p>How to deal with that usuing cypress ?</p>
  <p>I tried by the following but the test failed</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>describe('Cypress.io tests', function() {
      it('Open cypress.io page', function() {
        var cypressPage = 'https://www.testandquiz.com/selenium/testing.html'
        
  cy.visit(cypressPage)
       cy.xpath("//[@id='testingDropdown']").click();
  
      })
    })</code></pre>
  </div>
  </div>
  </p>