| <!DOCTYPE HTML> |
| <title>Largest Contentful Paint: invisible images are not observable</title> |
| <script src="/resources/testharness.js"></script> |
| <script src="/resources/testharnessreport.js"></script> |
| <script src="resources/invisible-images.js"></script> |
| <style> |
| .opacity0 { |
| opacity: 0; |
| } |
| .visibilityHidden { |
| visibility: hidden; |
| } |
| .displayNone { |
| display: none; |
| } |
| </style> |
| <img src='/images/blue.png' class='opacity0' id='opacity0'/> |
| <img src='/images/green.png' class='visibilityHidden' id='visibilityHidden'/> |
| <img src='/images/red.png' class='displayNone' id='displayNone'/> |
| <div class='opacity0'><img src='/images/yellow.png' id='divOpacity0'/></div> |
| <div class='visibilityHidden'><img src='/images/yellow.png' id='divVisibilityHidden'/></div> |
| <div class='displayNone'><img src='/images/yellow.png' id='divDisplayNone'/></div> |