| <!DOCTYPE html> |
| <script src="../../resources/testharness.js"></script> |
| <script src="../../resources/testharnessreport.js"></script> |
| <style> |
| @media (max-aspect-ratio: 4294967295/1) { #t1 { color:green } } |
| @media (max-aspect-ratio: 4294967296/1) { #t2 { color:green } } |
| </style> |
| <div id="t1">This text should be green.</div> |
| <div id="t2">This text should be green.</div> |
| <script> |
| test(() => { |
| assert_equals(getComputedStyle(t1).color, "rgb(0, 128, 0)", "#t1 should be green."); |
| }, "Aspect ratio with numerator = 2^32-1."); |
| test(() => { |
| assert_equals(getComputedStyle(t2).color, "rgb(0, 128, 0)", "#t2 should be green."); |
| }, "Aspect ratio with numerator = 2^32."); |
| </script> |