chromium/third_party/blink/web_tests/fast/forms/suggestion-picker/time-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=time value="12:31" list="suggestions" style="width: 200px;" step="0.001">
<datalist id=suggestions>
  <option>111:23</option> <!--invalid-->
  <option>13:60</option> <!--invalid-->
  <option>foo</option> <!--invalid-->
  <option label="Now">01:01</option>
  <option>14:23</option>
  <option>12:34:56</option>
  <option>01:23:45.678</option>
  <option>01:05</option>
  <option>01:06</option>
  <option>01:07</option>
  <option>01:08</option>
  <option>01:09</option>
  <option>01:10</option>
  <option>01:11</option>
  <option>01:12</option>
  <option>01:13</option>
  <option>01:14</option>
  <option>01:15</option>
  <option>01:16</option>
  <option>01:17</option>
  <option>01:18</option>
  <option>01:19</option>
  <option>01:20</option>
</datalist>

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