third_party/WebKit/LayoutTests/fast/forms/number/number-appearance-spinbutton-disabled-readonly.html

   1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
   2 <html>
   3 <head>
   4 <style>
   5 input {
   6     font-size: 20px;
   7 }
   8 </style>
   9 </head>
  10 <body>
  11 <script>
  12 if (window.testRunner)
  13     testRunner.setUseMockTheme(false);
  14 </script>
  15 <p>Test appearances of spin buttons. Disabled state and read-only state should have appearances different from the normal state.</p>
  16 <div><label><input type=number value=0> Normal state</label></div>
  17 <div><label><input type=number value=0 disabled> Disabled state</label></div>
  18 <div><label><input type=number value=0 readonly> Read-only state</label></div>
  19 <script>
  20 document.querySelectorAll('input')[2].focus();
  21 var normal = document.querySelector('input');
  22 if (window.eventSender)
  23     eventSender.mouseMoveTo(normal.offsetLeft + normal.offsetWidth / 2, normal.offsetTop + normal.offsetHeight / 2);
  24 </script>
  25 </body>
  26 </html>