testing/web-platform/tests/inert/inert-does-not-match-disabled-selector.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <script src="/resources/testharness.js"></script>
   5 <script src="/resources/testharnessreport.js"></script>
   6 <style>
   7 button {
   8     color: green;
   9 }
  10
  11 button:disabled {
  12     color: red;
  13 }
  14
  15 </style>
  16 </head>
  17 <body style="color: green">
  18 <button inert>The test passes if this is in green.</button>
  19 <script>
  20 test(function() {
  21     button = document.querySelector('button');
  22     color = document.defaultView.getComputedStyle(button).getPropertyValue('color');
  23     assert_false(button.matches(':disabled'));
  24 }, 'Tests that inert elements do not match the :disabled selector.');
  25 </script>
  26 </body>
  27 </html>