popup-menu-appearance-size-changed.html

<!DOCTYPE html>
<meta name=fuzzy content="maxDifference=0-3; totalPixels=0-100">
<script src="../../../resources/testdriver.js"></script>
<script src="../../../resources/testdriver-vendor.js"></script>
<script src="../../resources/ahem.js"></script>
<script src="../resources/picker-common.js"></script>

<style>
  select:focus {
    outline-width: 0;
  }
  select {
    width: 200px;
    font: 10px Ahem;
    appearance: none;
    background-color: white;
  }
</style>

<select>
  <option>test</option>
</select>

<script>
  window.onload = openPickerAppearanceOnly(document.querySelector('select'),() => {
    var option = document.createElement("option");
    option.text = "test";
    option.value = "test";
    document.querySelector('select').append(option);
  });
</script>

chromium/third_party/blink/web_tests/fast/forms/select-popup/popup-menu-appearance-size-changed.html