Codebase Browser
chromium
Go to App

chromium/third_party/blink/web_tests/fast/forms/color/color-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>

<input type=color value="#ff0000" list=gray focus>
<datalist id=gray>
    <option>#ffffff</option>
    <option>#eeeeee</option>
    <option>#dddddd</option>
    <option>#cccccc</option>
    <option>#bbbbbb</option>
    <option>#aaaaaa</option>
    <option>#999999</option>
    <option>#888888</option>
    <option>#777777</option>
    <option>#666666</option>
    <option>#555555</option>
    <option>#444444</option>
    <option>#333333</option>
    <option>#222222</option>
    <option>#111111</option>
    <option>#000000</option>
    <option>#F00</option> <!--invalid-->
    <option>red</option> <!--invalid-->
</datalist>

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