| <!DOCTYPE html> |
| <html class=reftest-wait> |
| <title>Changing CSS object-view-box should trigger relayout</title> |
| <link rel="author" href="mailto:khushalsagar@chromium.org"> |
| <link rel="match" href="object-view-box-property-changed-ref.html"> |
| <link rel="help" href="https://drafts.csswg.org/css-images-4/#the-object-view-box"> |
| |
| <script src="/common/reftest-wait.js"></script> |
| <script src="/common/rendering-utils.js"></script> |
| |
| <style> |
| .view_box_subset { |
| object-fit: fill; |
| margin: 5px; |
| } |
| </style> |
| |
| <body> |
| <img class="view_box_subset" src="support/exif-orientation-6-ru.jpg"></img> |
| </body> |
| |
| <script> |
| async function runTest(image) { |
| // Wait for at least one frame to ensure changing object-view-box triggers a |
| // relayout. |
| await waitForAtLeastOneFrame(); |
| image.style.objectViewBox = "inset(50px 0px 0px 0px)"; |
| await waitForAtLeastOneFrame(); |
| requestAnimationFrame(takeScreenshot); |
| } |
| |
| let image = document.getElementsByTagName("img")[0]; |
| image.onload = runTest(image); |
| </script> |
