| Nicolás Peña Moreno | 93ba864 | 2019-06-20 15:52:05 | [diff] [blame] | 1 | <!DOCTYPE HTML> |
| 2 | <meta charset=utf-8> |
| 3 | <title>Largest Contentful Paint: observe image.</title> |
| 4 | <body> |
| 5 | <script src="/resources/testharness.js"></script> |
| 6 | <script src="/resources/testharnessreport.js"></script> |
| Nicolás Peña Moreno | 4ad4e60 | 2019-08-29 18:55:14 | [diff] [blame] | 7 | <script src="resources/largest-contentful-paint-helpers.js"></script> |
| Nicolás Peña Moreno | 93ba864 | 2019-06-20 15:52:05 | [diff] [blame] | 8 | <script> |
| Nicolás Peña Moreno | 93ba864 | 2019-06-20 15:52:05 | [diff] [blame] | 9 | async_test(function (t) { |
| Stephen McGruer | b291cab | 2020-04-16 15:42:28 | [diff] [blame] | 10 | assert_implements(window.LargestContentfulPaint, "LargestContentfulPaint is not implemented"); |
| Nicolás Peña Moreno | 4ad4e60 | 2019-08-29 18:55:14 | [diff] [blame] | 11 | const beforeLoad = performance.now(); |
| Nicolás Peña Moreno | 93ba864 | 2019-06-20 15:52:05 | [diff] [blame] | 12 | const observer = new PerformanceObserver( |
| 13 | t.step_func_done(function(entryList) { |
| 14 | assert_equals(entryList.getEntries().length, 1); |
| 15 | const entry = entryList.getEntries()[0]; |
| Nicolás Peña Moreno | 4ad4e60 | 2019-08-29 18:55:14 | [diff] [blame] | 16 | const url = window.location.origin + '/images/blue.png'; |
| 17 | // blue.png is 133 by 106. |
| 18 | const size = 133 * 106; |
| 19 | checkImage(entry, url, 'image_id', size, beforeLoad); |
| Nicolás Peña Moreno | 93ba864 | 2019-06-20 15:52:05 | [diff] [blame] | 20 | }) |
| 21 | ); |
| Nicolás Peña Moreno | f1a492a | 2019-07-04 15:09:30 | [diff] [blame] | 22 | observer.observe({type: 'largest-contentful-paint', buffered: true}); |
| Nicolás Peña Moreno | f7dbdc0 | 2019-07-02 16:39:12 | [diff] [blame] | 23 | }, 'Same-origin image is observable.'); |
| Nicolás Peña Moreno | 93ba864 | 2019-06-20 15:52:05 | [diff] [blame] | 24 | </script> |
| 25 | |
| Nicolás Peña Moreno | f7dbdc0 | 2019-07-02 16:39:12 | [diff] [blame] | 26 | <img src='/images/blue.png' id='image_id'/> |
| Nicolás Peña Moreno | 93ba864 | 2019-06-20 15:52:05 | [diff] [blame] | 27 | </body> |
