fieldset-custom-scrollbar-expected.html

<!DOCTYPE html>
<style>
.fieldset::-webkit-scrollbar {
  width: 30px;
  background: lime;
}
.fieldset::-webkit-scrollbar-thumb {
  background: red;
  border-radius: 12px;
}

.fieldset {
  height: 300px;
  width: 500px;
  overflow: scroll;
  margin: 0;
  padding: 0;
  border: 2px solid gray;
}
</style>
<div class="fieldset">
<div style="height: 600px; width: 400px;"></div>
</div>
<script>
testRunner.waitUntilDone();
const fieldset = document.querySelector('.fieldset');
const rect = fieldset.getBoundingClientRect();
const clickX = rect.right - 20;
const clickY = rect.top + 20;
chrome.gpuBenchmarking.pointerActionSequence([{
  source: 'mouse',
  actions: [
    {name:'pointerDown', x:clickX, y:clickY},
    {name:'pointerMove', x:clickX, y:clickY + 100},
    {name:'pointerUp'}
  ]}], () => { testRunner.notifyDone(); });
</script>

chromium/third_party/blink/web_tests/fast/forms/fieldset/fieldset-custom-scrollbar-expected.html