chromium/third_party/blink/web_tests/fast/forms/suggestion-picker/date-suggestion-picker-appearance.html

<!DOCTYPE html>
<meta name=fuzzy content="maxDifference=0-3; totalPixels=0-1000">
<script src="../../../resources/testdriver.js"></script>
<script src="../../../resources/testdriver-vendor.js"></script>
<script src="../resources/picker-common.js"></script>

<body style="background-color: #eeffff;">
<input type=date value="10000-12-31" list="suggestions" style="width: 200px;">
<datalist id=suggestions>
  <option>2012-01-00</option> <!--invalid-->
  <option>foo</option> <!--invalid-->
  <option label="Today">2012-01-01</option>
  <option label="Tomorrow">2012-01-02</option>
  <option>2012-01-03</option>
  <option>2012-01-04</option>
  <option>2012-01-05</option>
  <option>2012-01-06</option>
  <option>2012-01-07</option>
  <option>2012-01-08</option>
  <option>2012-01-09</option>
  <option>2012-01-10</option>
  <option>2012-01-11</option>
  <option>2012-01-12</option>
  <option>2012-01-13</option>
  <option>2012-01-14</option>
  <option>2012-01-15</option>
  <option>2012-01-16</option>
  <option>2012-01-17</option>
  <option>2012-01-18</option>
  <option>2012-01-19</option>
</datalist>

<script>
  window.onload = openPickerAppearanceOnly(document.querySelector('input'),() => {
    internals.pagePopupWindow.focus();
    eventSender.keyDown('ArrowDown');
  });
</script>