Codebase Browser
chromium
Go to App

chromium/third_party/blink/web_tests/fast/forms/color/color-picker-from-color-suggestion-picker.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='../../../fast/forms/resources/picker-common.js'></script>
<link rel="match" href="color-picker-from-color-suggestion-picker-expected.html">

<input type='color' list='gray' style="visibility: hidden;">
<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>
</datalist>
<script>
  window.onload = () => {
    openPickerAppearanceOnly(document.querySelector('input'), () => {
      internals.pagePopupWindow.focus();
      const popupDocument = internals.pagePopupWindow.document;
      const otherColor = popupDocument.querySelector('.other-color');
      const otherColorRect = otherColor.getBoundingClientRect();
      // Click the Other color button.
      eventSender.mouseMoveTo(otherColorRect.left + (otherColorRect.width / 2), otherColorRect.top + (otherColorRect.height / 2));
      eventSender.mouseDown();
      eventSender.mouseUp();
    });
  };
</script>