Add example of testing `datalist` to `.next()` and `.type()`

[jennifer-shehane]

From: cypress-io/cypress#445 (comment)

Can add example to next.md and type.md.

Testing a datalist:

  <input list="fruit" />
  <datalist id="fruit">
    <option>Apple</option>
    <option>Banana</option>
    <option>Cantaloupe</option>
  </datalist>

  cy.get('#fruit option').should('have.length', 3)
    .first().should('have.text', 'Apple')
    .next().should('have.text', 'Banana')
    .next().should('have.text', 'Cantaloupe')
  cy.get('input').type('Apple')

[malydok]

I'd like to contribute on this but after taking some time reading through the original issue and the docs of both .next() and .type() I can't really understand how this particular case is relevant to these pages. How would adding this example in both of the function pages make sense? The use cases of both functions in this datalist example are explained clearly in their respective docs. Where would the example fit inside the docs?

[jennifer-shehane]

I think this would just be another example to have in .next() doc under https://on.cypress.io/next#Examples:

<input list="fruit" />
  <datalist id="fruit">
    <option>Apple</option>
    <option>Banana</option>
    <option>Cantaloupe</option>
  </datalist>

  cy.get('#fruit option')
    .first().should('have.text', 'Apple')
    .next().should('have.text', 'Banana')
    .next().should('have.text', 'Cantaloupe')

And this could be an example for testing datalist in .type() doc under https://on.cypress.io/type#Examples:

  <input list="fruit" />
  <datalist id="fruit">
    <option>Apple</option>
    <option>Banana</option>
    <option>Cantaloupe</option>
  </datalist>

 cy.get('input').type('Apple')