third_party/WebKit/LayoutTests/fast/dom/HTMLDialogElement/inert-does-not-match-disabled-selector.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <script src="../../../resources/js-test.js"></script>
   5 <style>
   6 button {
   7     color: green;
   8 }
   9
  10 button:disabled {
  11     color: red;
  12 }
  13
  14 .trigger-style-recalc {
  15     /* No change, we just need a new style recalculation. */
  16 }
  17 </style>
  18 </head>
  19 <body style="color: green">
  20 <button>The test passes if this is in green.</button>
  21 <dialog></dialog>
  22 <script>
  23 description('Tests that inert elements do not match the :disabled selector.');
  24 document.querySelector('dialog').showModal();
  25 button = document.querySelector('button');
  26 button.classList.add('trigger-style-recalc');
  27 color = document.defaultView.getComputedStyle(button).getPropertyValue('color');
  28 shouldBe('color', "'rgb(0, 128, 0)'");
  29 </script>
  30 </body>
  31 </html>