| <!DOCTYPE html> |
| <head> |
| <title>Performance Paint Timing Test: FCP should not fire with gradient-only backgrounds</title> |
| <style> |
| #main { |
| width: 100px; |
| height: 100px; |
| background-image: linear-gradient(to bottom, orange, blue); |
| } |
| </style> |
| </head> |
| <body> |
| <script src="/resources/testharness.js"></script> |
| <script src="/resources/testharnessreport.js"></script> |
| <script src="../resources/utils.js"></script> |
| <div id="main"></div> |
| <script> |
| promise_test(async t => { |
| assert_precondition(window.PerformancePaintTiming, "Paint Timing isn't supported."); |
| const main = document.getElementById('main'); |
| await new Promise(r => window.addEventListener('load', r)); |
| await assertNoFirstContentfulPaint(); |
| }, 'Gradients should not count as contentful'); |
| </script> |
| </body> |
| |
| </html> |
