OLD | NEW |
| (Empty) |
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> | |
OLD | NEW |