select-appearance-after-closing-popup.html

<!DOCTYPE html>
<meta name="color-scheme" content="light dark">
<script src="../../../../resources/testdriver.js"></script>
<script src="../../../../resources/testdriver-vendor.js"></script>
<script src="../../resources/picker-common.js"></script>

<select style="background-color: blue;">
  <optgroup label="Theropods">
    <option>Tyrannosaurus</option>
    <option>Velociraptor</option>
    <option>Deinonychus</option>
  </optgroup>
  <optgroup label="Sauropods">
    <option>Diplodocus</option>
    <option>Saltasaurus</option>
    <option>Apatosaurus</option>
  </optgroup>
</select>
  
<script>
  window.onload = openPickerAppearanceOnly(document.querySelector('select'),() => {
    eventSender.keyDown('ArrowDown');
    eventSender.keyDown('Enter');
  });
</script>

chromium/third_party/blink/web_tests/fast/forms/color-scheme/select/select-appearance-after-closing-popup.html