| <!DOCTYPE html> |
| <script src='../../resources/testharness.js'></script> |
| <script src='../../resources/testharnessreport.js'></script> |
| <script src='../../resources/gesture-util.js'></script> |
| |
| <style> |
| #sel { |
| width: 500px; |
| height: 300px; |
| } |
| </style> |
| |
| <select multiple id='sel'></select> |
| |
| <script> |
| const MOUSE_INPUT = GestureSourceType.MOUSE_INPUT; |
| |
| internals.settings.setScrollAnimatorEnabled(false); |
| let sel = document.getElementById('sel'); |
| for (let i = 0; i < 50; i++) { |
| let option = document.createElement('option'); |
| option.innerHTML = 'Option ' + i; |
| sel.appendChild(option); |
| } |
| |
| window.onload = async () => { |
| await waitForCompositorCommit(); |
| |
| promise_test(async () => { |
| await smoothScroll(100, 100, 100, MOUSE_INPUT, 'down', 1000); |
| await waitFor(() => { return sel.scrollTop > 0; }); |
| }, 'Ensure <select> scrollable'); |
| } |
| </script> |