<!DOCTYPE html>
<meta name="color-scheme" content="light dark">
<script>
testRunner.waitUntilDone();
</script>
<script src="../../resources/picker-common.js"></script>
<select id="menu" 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>
// The call to openPicker is not expected to succeed on Mac
// since we use a native popup on Mac.
openPicker(document.getElementById('menu'), () => testRunner.notifyDone(), () => testRunner.notifyDone());
</script>